Dropdown menu blocked by a header bar below

Dropdown menu isn’t working because it is blocked by the header bar below it. How can I bring the first header bar on top?

Content Scrolling for both bars are off.

Thanks!

Hi There @brianstock

Thanks for writing in! I have tested your issue on Chrome, Safari and Firefox browsers but I could not experience such issue.

Could you please try clearing all caches and re-test your issue again (https://www.wpbeginner.com/beginners-guide/how-to-clear-your-cache-in-wordpress/).

If you’re having this issue on different test site, please provide us with your site URL to check this issue further.

Let us know how it goes.
Thanks!

Sorry, I just deleted the second bar. Please try it again now. fernlodge.me

Hello @brianstock,

Your issue is just a simple z-index error. Please be advised that the z-index of the first bar should always be higher than the second bar. Please edit your header and set the z-index of the first bar to “9999” and then for the second bar you must set the z-index to “9998”. All of this can be done in each of the bar settings.

We would love to know if this has worked for you. Thank you.

Yes! It worked. Thank you very much!

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

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