- This topic has 9 replies, 2 voices, and was last updated 1 year, 7 months ago by
David.
-
AuthorPosts
-
August 5, 2019 at 8:01 am #976232
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
August 5, 2019 at 8:11 am #976238David
StaffCustomer SupportHi 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/August 5, 2019 at 9:42 am #976306Mark
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 #976312David
StaffCustomer SupportYou 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/August 5, 2019 at 9:54 am #976317Mark
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 #976321David
StaffCustomer SupportIts in this style sheet:
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 5, 2019 at 10:33 am #976341Mark
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 #976352David
StaffCustomer SupportYes, 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/August 5, 2019 at 12:57 pm #976457Mark
Hi david,
Thanks for confirming what to do.
Awesome support as always!
have a good evening. Mark
August 5, 2019 at 1:27 pm #976472David
StaffCustomer SupportYou’re welcome – have a good evening too
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.