Menus appear behind content

[VirginiaVapes]

Im having an issue on my product and category pages where the main menu and the "shop by category" menu are appearing behind content on both the product page and category page. I'd imagine its a z-index position issue but cannot figure out what i need to change.

Reds Apple Watermelon Iced 100ml – Virginia Vapes & Tobacco (product page)

Traditional Eliquid – Virginia Vapes & Tobacco (category page)

Any help would be appreciated.

[Dan-From-Ryviu]

Hi @VirginiaVapes 

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings. 

.header-center__search { z-index: 4; }

[VirginiaVapes]

Awesome thanks for that! It fixed the shop by category menu. I'm still having issues with the other drop downs. If you check out "vape shop" and "smoke shop" its showing behind the main image as well. 

[Dan-From-Ryviu · Accepted solution]

Please update the code. 

.bwp-header .header-bottom,
.header-center__search { z-index: 4 !important; }

[VirginiaVapes]

That did the trick. Will mark as solution and buy you a coffee! Thank you