Archived topic
z-index issue with main menu
3 replies · Started by Ryan on October 22, 2021
I've got some type of issue with the z-index of my main-navigation I can't seem to resolve. I've tried to remove any custom z-index settings from my css that might cause issues. My main nav is hidden behind the image on the homepage, and on other pages the dropdown disappears behind page content. I'm not quite sure what is causing the issue, thanks!
https://www.ryansmithphotography.com/
I actually found adding `.inside-navigation {
z-index: 9999;
}` and removing a backdrop-filter: blur I had on the menu took care of most of the issues. I'm still not sure why this was a problem.
The only last thing I can't figure out the text from my secondary menu on pages like here https://www.ryansmithphotography.com/myrtle-beach-wedding-photographers/ will overlay the main menu dropdowns. It's almost like the text has a higher z-index I can't figure out. Thanks!
I figured it out, .inside-navigation was applying to the secondary menu as well and causing a conflict.
Glad to hear you found the solution!
