Archived topic

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

9 replies · Started by Mark on August 5, 2019

Viewing posts 1–10 of 10

August 5, 2019 at 8:01 am #976232

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

August 5, 2019 at 8:11 am #976238

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/

August 5, 2019 at 9:42 am #976306

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

August 5, 2019 at 9:52 am #976312

You have this CSS which is fixing the header:

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

August 5, 2019 at 9:54 am #976317

Hi David,

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

Any clues as to where it is located?

Thanks, Mark

August 5, 2019 at 10:02 am #976321

Its in this style sheet:

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

August 5, 2019 at 10:33 am #976341

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

August 5, 2019 at 10:48 am #976352

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

August 5, 2019 at 12:57 pm #976457

Hi david,

Thanks for confirming what to do.

Awesome support as always!

have a good evening. Mark

August 5, 2019 at 1:27 pm #976472

You're welcome - have a good evening too

This archived topic is closed to new replies.

Start building better websites today.