Docs

[auldreekie]

My site has a fixed header.

I’ve set my responsive nav (Superfly – with a standard hamburger icon) to display up to 1023px, with standard nav links above that.

Up to 979px the header including the hamburger scrolls up as the page scrolls. Above that it’s fixed, and doesn’t scroll.

This means that between 980px and 1023px the hamburger icon shows, but scrolls up when the page is scrolled, but as the header is fixed the logo remains in place. This looks bad.

I’d therefore like to change the width at which the sticky header kicks in from 980px to 1024px. Is that possible?

Thanks.

[auldreekie]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

@media screen and (max-width: 1023px) {
	.x-navbar-fixed-top {
		position: relative !important;
	}
}

Let us know how this goes!

[auldreekie]

Worked perfectly, thanks so much!

Support like this is why I just bought 5 new X licenses 🙂

[Joao]

😀 thanks 4 the kind words!

[Author]

Posts