sticky off canvas menu

[Klaus]

Hi GP-team,

I create a sticky off canvas mneu. When I scroll down the hamburger menu jumps from the right to left. What is necessary that the hamburger will be always on the right side

Piakoenig

[Leo]

Hi there,

Can you activate the sticky navigation first?

I don’t believe it’s activated currently.

Let me know 🙂

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

[Klaus]

Hi Leo

it is on Navi and off canvas

[Leo]

Would this option work better for you?
https://docs.generatepress.com/article/navigation-as-a-header/

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

[Klaus]

My primary menu is an empty menu. Could this cause these effects?

[Leo]

No shouldn’t be.

Can you activate the option and let me have a look?

If not I’ll provide the CSS.

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

[Klaus]

I solved like this (not sure if this the best way)

navigation as a header on
moblie navigation on
off canvas off
set the breakpoint for mobile navigation to 6000px

then ccs-code in the child theme (because I don’t want to see the logo)

.main-navigation .site-logo.navigation-logo img, .mobile-header-navigation .site-logo.mobile-header-logo img, .navigation-search input[type="search"] {
	display: none;
}

[Klaus]

Primary menu is activated and the off canvas is disabeled

[Leo]

Sorry I thought you wanted the off canvas menu?

It really shouldn’t be that complicated.

Can you try my steps first?

So remove the logo if you don’t want a logo, then activate this option:
https://docs.generatepress.com/article/navigation-as-a-header/

Please also disable the caching plugin so I can view the source code.

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

[Klaus]

I deactivate the cache-plugin and activate header for navigation

[Leo]

Do you want to use the off canvas navigation or no?

If yes can you activate it?

And change the breakpoint back to 768px for now.

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

[Klaus]

I change the breakpoint to 768 px. The only thing now is that there is no hamburger menu, which I prefer

[Leo]

So you want only the hamburger menu on desktop right?

If so follow this method:
https://docs.generatepress.com/article/off-canvas-panel-overview/#use-off-canvas-menu-only

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

[Author]

Posts