- This topic has 11 replies, 3 voices, and was last updated 4 years, 9 months ago by
David.
-
AuthorPosts
-
March 24, 2021 at 6:20 am #1707826
Morgan
Hi,
I would like to activate a sticky menu and keep the header configuration.
I thought it would be a simple checkbox but i don’t find any option.
I think this topic is related but i don’t understand how to adapt it.Could you help me to do that please ?
Thanks,
Morgan
March 24, 2021 at 8:58 am #1708286Ying
StaffCustomer SupportHi Morgan,
If you don’t need any transition animation, you could give this CSS a try:
.site-header { position: sticky; top: 0; width: 100%; z-index: 999; } .main-navigation { position: sticky; top: 112px; width: 100%; z-index: 999; }March 31, 2021 at 6:45 am #1716526Morgan
Hi Ying,
It’s a way to have the minimal sticky option.
However, does it exist an option to have a real sticky menu, witht he top bar and the logo which switch in it at the begining of the menu for example ?March 31, 2021 at 9:49 am #1716926Ying
StaffCustomer SupportIt currently doesn’t exist.
Unfortuanlly you’ll need some custom JS solution to achieve this.
June 11, 2021 at 6:54 am #1818586Morgan
Hello, i come back with this request again.
Maybe it’s now possible to have the same logique than here : https://cahierdeseoul.com/ Even with a small piece of JS ?
June 11, 2021 at 7:56 am #1818822David
StaffCustomer SupportHi there,
for that kind of layout you could use the Sticky Navigation option in GP Premium. That can be enabled even with the Navigation as Header disabled.
The layout would require some CSS but we can probably help with that.June 22, 2021 at 3:41 am #1830690Morgan
Hi David,
I tried to find your Sticky Navigation option in GP Premium but i didn’t succeed. Where it is ?
And what is the “off canva” setting ? i don’t understand the meaning of canva for the theme.
June 22, 2021 at 4:40 am #1830754David
StaffCustomer SupportGo to Dashboard > Appearance > GeneratePress and make sure you have the Menu Plus module enabled.
Then go to Customizer > Layout > Sticky Navigation to enable it:https://docs.generatepress.com/article/sticky-navigation/
The off canvas panel is this:
https://docs.generatepress.com/article/off-canvas-panel-overview/
It can be enabled for Desktop or Mobile or Both. It creates an overlay / slide-in menu thats activated by a Hamburger icon in the menu. The generatepress site uses the slide in option for mobile if you want to see it in action.
June 22, 2021 at 7:28 am #1830931Morgan
Ok, i already did all of the settings for sticky navigation, however, the result is really different than expected as the website given, Cahier de Seoul.
There is something to activate ?June 22, 2021 at 9:34 am #1831254Ying
StaffCustomer SupportAny chance you can link us to the site in question?
You can use the private information field.
June 25, 2021 at 12:49 am #1834349Morgan
Hi,
yes i can. I give you the link.
ThanksJune 25, 2021 at 5:14 am #1834563David
StaffCustomer Support1. Go to Appearance > Menus – Edit your desktop menu and under Locations check the Off Canvas Navigation.
2. Go to Customizer > Layout > Off Canvas Panel and change the Style to Slide -
AuthorPosts
- You must be logged in to reply to this topic.