How to unstick Header when WP/Dashboard Sticky Header is already off?

[Mark]

Hi guys,

Not sure if this is a WP question or if this has something to do with GP…

Just wondering how I make the header scroll up on the page shown ie the header does not stick as it currently does? I want it to act like this one below:
https://snap36.com/360-gallery/alternator/

I have looked at the Header in WP/Appearance/Customise/Header and ‘Sticky’ is ‘OFF’. Is there anywhere else I can turn the sticky feature off on desktop?

Also, is it possible just to make this header on this particular page scroll, or does this need to be applied site-wide?

As always, any help greatly appreciated.

Thanks, Mark

[David]

Hi there,

go to Appearance > Layout > Sticky Navigation and disable it there.
The option in Appearance > Layout > Header is only applicable to the Mobile Header option.

You can use the Menu Options filter to conditionally change the menu options including sticky:

https://docs.generatepress.com/article/option_generate_menu_plus_settings/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mark]

Hi David,

Thanks so much for your quick answer and support.

I have tried to remove the sticky option using both ‘Appearance > Layout > Sticky Navigation’ and using the Menu Plus options filter.

However, despite these all been set to ‘Off’, the header remains sticky. Is there anywhere else this could be applied and any suggestions on how I can find where to turn it off?
https://gravity360.co.uk/360/storm-trooper/

Thanks, Mark

[David]

You have this CSS which is fixing the header:

header#masthead {
    position: fixed;
    z-index: 100;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mark]

Hi David,

Thanks for finding that CSS for me. That’s a great help.

Any clues as to where it is located?

Thanks, Mark

[David]

Its in this style sheet:

https://gravity360.co.uk/wp-content/plugins/gravity360customize/public/css/gravity360customize-public.css

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mark]

Hi David,

Amazing, thank you so much!

Hopefully, I can get a developer to get this sorted asap. Would you simply delete this code and use WP/GP to customise the sticky features as they are probably designed too?

Cheers, mark

[David]

Yes, simply delete that little block of code from the style sheet and then you can use the customizer or menu options filter provided above

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Mark]

Hi david,

Thanks for confirming what to do.

Awesome support as always!

have a good evening. Mark

[David]

You’re welcome – have a good evening too

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts