Hamburger menu is behind section

  • Resolved jozsef31

    (@jozsef31)


    3 years ago

    Hey!

    I’ve encountered a problem while creating my hamburger menu for my website. If you switch to mobile version, the hamburger menu is not visible. It seems as if it’s behind the sections on pages.

    Does anyone know the solution to this problem?

    Thanks.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • George Appiah

    (@gappiah)

    3 years ago

    It seems you’re using the Elementor plugin for your site.

    I’m not super-familiar with this plugin and I don’t know if it gives any user controls over the layering (ie z-indexing) of elements… but examining the site’s HTML&CSS I can see the “Hero” or header banner section has z-index: 1, whereas the header section has no such setting (default auto).

    Hence the problem you’re facing.

    You can try to control the layering of sections in the Elementor plugin’s UI (if there’s any such feature), or use the following custom CSS to fix the problem:

    section.elementor-element-593a216 {
    z-index: 2;
}

    Good luck!

    Thread Starter jozsef31

    (@jozsef31)

    3 years ago

    Thank you. I was going nuts. Somehow I predicted that the Z-index was off, but had no idea where.

    You have solved my problem.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Hamburger menu is behind section’ is closed to new replies.