OiO.lk Blog CSS How to make sure my mega menu floats over website content
CSS

How to make sure my mega menu floats over website content


I’m using Avada Child theme in WordPress and recently started experimenting with Mega Menus on our top navigation. The mega menu works on the homepage, but on other pages it sits "behind" the content. I see a lot of information regarding z-index and absolute/relative positioning.

Does anyone have a suggestion on where exactly to enter the code in WordPress to make sure that the mega menu, when hovering, is always positioned in front of the page content?

For further reference, here is the website I am referring to: www.redpathcg.com

I’ve tried adding z-index: 999 to the mega menu CSS and changing the position to "absolute"



You need to sign in to view this answers

Exit mobile version