Dropdown menu hidden behind page content using sticky header

Hello,

I have a header for the homepage that displays over a full-width slider, and a different header for every other page.

The home page header has two bars. One bar is visible initially, and the other has a trigger offset of 300.

The dropdown in this header is working as it should: https://tracy.prothemesandbox.com/contact/

But it is not here: https://tracy.prothemesandbox.com/

I’ve tried changing the Z-indexes in the header and on the page content, but it didn’t work.

Thank you!

Hello @maryb43,

Thanks for writing to us.

I recommend navigating to the Header Bar settings. Since the Header Bar is currently set to ‘sticky’, please disable the ‘Scrolling’ option under the ‘Options’ section. Kindly refer to the attached screenshot for guidance.

Hope it helps
Thanks

Hello,

It’s not enabled.

The dropdown on the other bar isn’t working either; it’s not a sticky.

Hello @maryb43,

In order to help you with your concerns, we need to check your settings. I would request please share the admin login details meanwhile, I would suggest you troubleshoot a few of the common issues before we investigate your settings. Please share your details in a secure note. Please provide the following details

  • WordPress Login URL
  • Admin-level username and password

You can find the Secure Note button at the bottom of your posts

Thanks

Additional info:
I’m using a child theme.
I’m using 3 plugins.
It’s in development, so there’s no caching or CDNs yet.

Hey @maryb43,

I have investigated your issue, and I found out that you have set the Overflow of the Container and the Bar element to Hidden.
image

You should set it to “Visible” so that the dropdown will be displayed.

image

Kindly let us know how it goes.