Drop Menu in Bar 1 of Header hidden by Bar 2

[yepitsphil]

Hello!

I have a toggle for a drop-down menu in the upper bar of my header, but when I click it, it is partially obscured by the lower bar. I have tried all sorts of z-index settings and can’t get it right. A little help?

https://nif.wpmu.yardstick.digital/

Screenshot:

[Prasant]

Hello Phil,

Thanks for reaching out.

Looks like you have removed the sub menu items from Snacks Menu. Can you please add the sub-menu items again?

Thanks.

[yepitsphil]

Hi Prasant,

None of the menu items in that lower category navigation have sub menu items. It’s actually the top menu, the one that says “Joe Customer” that is dropping down behind the lower nav.

[rad]

Hi Phil,

It appears both header bars have the same z-index, please make sure the top header bar has greater z-index than the lower one. I assume you only changed the z-index of the element, please change the header bar’s z-index first and test it again.

Thanks!

[yepitsphil]

That did it. Thank you so much!

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.