Can I disable the "Sticky Header" on certain pages?

[Sotiris]

I am using the “Sticky Header” option throughout the site but there are certain pages that it is not really needed and can get in the way of some tabs, buttons, etc, since there is very little scrolling down involved.

Unless I am missing something I don’t see any option for that so I guess CSS is needed.

How can I disable the sticky header (and menu) in those pages?

Any feedback would save me some really precious time. Thanks in advance.

Sotiris

[Kyle – SUPPORT]

Hi

Try this:

.page-id-5 .sticky-wrapper.is-sticky {
  display: none;
}

Make sure you change the page id

– Kyle

[Sotiris]

Oh yes, it works!

Thanks a lot.

[Kyle – SUPPORT]

Great, no problem

– Kyle

[mkh]

Yes it works but…
It there’s scroll problem ! When I scroll down, it’s like the scroll was doing Mouse wheel down / Mouse Wheel up…

///// BETTER WAY //////

To avoid the scroll issus, take this tricky css :

.page-id-xxxxx #header-section .is-sticky #main-nav.sticky-header {
position: static !important;
}

[Kyle – SUPPORT]

Ok thanks

– Kyle