I have created my own navbar, that basically is just a hamburger icon, but on hover, the div with the navbar slides out from the left side of the screen and disappears when hovering out of the navbar. It works all good but for some reason it slides out/appears behind elements on my page that have an interaction (like when I have text that fades in when scrolling into view). When I remove the interactions from these elements, the navbar will appear above the elements. So I guess it has something to do with interactions.
I also tried giving the navbar a really high z indes (100) but it didn’t do anything.
Does anyone know how to solve this?
Thanks a lot!