Make Header only sticky on certain pages

Site URL: https://www.gefahrgutakademie.at

Hi, is it possible to have my header be sticky on all but one or two pages? I'm trying to set up a gallery (https://www.gefahrgutakademie.at/elearning-beentladecheck) but I either have to get my header out of the way or compromise on the size of the gallery which I rather wouldn't do. I'd be grateful for any suggestions or help.

Thanks in advance!

Add to Page Settings > Advanced > Header to remove sticky header effect

<style>
  header.Header.Header--top {
    position: relative !important;
}
</style>

This did exactly what I was looking for and worked like a charm. Thanks a lot!

On 4/4/2020 at 4:05 AM, tuanphan said:

Add to Page Settings > Advanced > Header to remove sticky header effect

<style>
  header.Header.Header--top {
    position: relative !important;
}
</style>

 

Well, on a second glance it seems to only work after a manual refresh of the site in question. If I refresh my homepage then navigate to the gallery, the header is still sticky until I refresh the page, it then stays non-sticky for all pages I added the code to, until I do a refresh on a different page.

I'm guessing this is because I have Ajax loading enabled. Is there anything one could about this like force full reloads on these pages?

Thanks again.

Disable Ajax, or add CSS to Custom CSS box (need other CSS), I will check again later

It seems putting your code in a code-block on the page instead of the header has solved the problem. Thanks again!