Public Ticket #2763590
Animated Hamburger Icon: z-index not working


  • Andrew started the conversation

    I'm using the animated hamburger icon widget and cannot get it to overlap a custom popup menu I made in Elementor. I've set the z-index very high in multiple different ways and even tried setting my popup menu to a low z-index level. All it does is make my solid header bar appear over my popup menu which I don't want to happen.

  •  958
    Amit replied

    Since your header is sticky it is inside the header . 

    you can not give the header a lower z-index than what is in it. in css rules. 

    a solution can be puting the hamburger outside the header in a fixed position.