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.
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.
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.