Question 101600 in Elementor Question posted in
A comprehensive tutorial library can be found here.

Elementor – Stop left slide menu from pushing content with css

I deal with the following problem.

I have a wordpress theme in which there is a left side menu that when I press the hamburger button, it pushes the whole content, header and main container to the left.

What should I look into?

I have tried changing position from fixed to absolute and overflow to overlay but I might now doing it correct.

I cannot provide code because I don’t know which file is responsible so, any chance where should I look into?

I am talking about Atelier theme.

Thanks a lot in advance!

Tags:

3

Answers


  1. 0

    This somewhat depends on how the menu is implemented, and without further details it’s somewhat hard to say 100% what will work for you.

    That said though, if you want to display your side menu over top of the content without pushing it to the right then you would want to set the Z-Index of the menu such that it renders above the rest of the content on the page.

    Here is some details that might help you achieve what you are looking to do:
    Z-Index

    Login or Signup to reply.
  2. 0

    Setting the position attribute for the Manu should do the trick. More information: CSS position property

    Login or Signup to reply.
  3. 0

    When you click on hamburger. please check body or content added margin for left side. if left side content margin added then remove margin-left: 0px !important. If added new class then help with jQuery remove this class when your click on hamburger.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search