Implemented side menu:

width: 200px; height: 100%; float: left; display: inline-block; padding-top: 10px;

Problem (1): if I want the page content to move along with the menu, the page width increases. Everything is logical, but to put it mildly on the phone it is ugly, because as the page width increases, the page scale decreases.

I removed the content shift along with the menu and stumbled over another problem (2): The contents of the page (the contents of the diva) climbs onto the side menu.

How to fix it?

  • Ie not div itself on top of each other, and its content - sviat9440

1 answer 1

Just played with the source code of your page (you did not bother to put the code).

To the unit responsible for the pull-out menu, added:

 position: absolute; z-index: 999999; // можно меньше,главное - чтобы больше, чем у того элемента, "над которым" он должен быть

And it all worked as it should (probably).