Custom Header Nav Appearing Under Next Bar Instead of Over It

I built a custom header for all store pages.

https://usatcorp.com/shop/

For some reason, the inline navigation goes under the fourth bar in the header instead of over it.
The nav is in the third bar in the second container.

Please advise.

Jesse

Hello Jesse,

Please increase the z-index setting of the bar that contains the inline navigation element.

Set it to about 99999.

You may check this link to understand z-index more:

https://www.w3schools.com/cssref/pr_pos_z-index.asp

Hope this helps.

Thank you, i was able to futz with all the different Z-indices so that it functions as intended. When i put the extra 9 it worked, but it put it even above the wordpress toolbar, so i just kept adjusting the numbers until the toolbar was on top of the menu and the menu showed on top of everything else.

We’re glad that you were able to fix the issue by playing around with the z-index value.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.