Navigation modal behind header

[ElliotMersie]

Hey there!

I’m trying to achieve something.
I have a navigation modal (hamburger menu) in my mobile bar.
When i open the modal i want it to appear behind my mobile header , so you can still see the logo and header bar.

(see screenshots)

Is this possible?

Thank you!

[friech]

Hi There,

Thank you for writing in, basically, the modal z-index is 99999999 so you need the x-masthead to be higher than that.

e.g

@media (max-width: 979px) {
	.x-masthead {
	    z-index: 100000000;
	}
}

You can add custom CSS to Theme Options > CSS

You can find the proper CSS code selector using the Chrome browser Developer Toolbar
For the CSS code itself, I suggest that you get started with this tutorial

Hope it helps,
Cheers!