Hidden Header Z-index Stack setup

[myoshka]

Since one of the updates my sub navigation now sits above the header when it animates
Currently it’s set to hidden and uses a trigger selector: .trigger-menu

It was working before animating in/out from behind the top header.
I’ve tried checking and changing z-index stack but with this turned on it sits on top of the header not underneath.

If you could let me know what I need to change to get this working correctly.
It just needs to pop out from underneath.

Thanks

[nabeel]

Hi @myoshka,

Thank you for reaching out to us. I checked your site and I see you’ve custom CSS in your child theme’s style.css file which is conflicting with your header bars. Please find and remove the following code from your child theme’s style.css file:

body .x-bar.x-bar-top,
body #wpadminbar {
    z-index: 999;
}

Let us know how this goes!

[myoshka]

Perfect. Worked as you suggested. I was having some issues with the “Scroll to top” function and my developer may have changed that.

[Prasant]

You are most welcome.