Archived topic
Mobile Hamburger changes side when sticky
5 replies · Started by Robert on February 19, 2023
Hi,
I am trying to use the off-canvas menu when on mobile. I would like the menu to be sticky only when scrolling up.
It all seems to work except it seems a bit strange that when the sticky menu on mobile appears the hamburger is suddenly aligned right when previously it was left?
I have tried the settings I can find but not sure what I am missing?
Also, is it possible to disable the primary navigation on a page but still have the off canvas menu when viewed on a mobile?
Thanks,
Rob
Hi Robert,
To clarify, are you wanting something like this?: https://share.getcloudapp.com/nOuK68nb
As for disabling the Primary Menu on a page, yes, it's possible. You can use a Layout Element. Reference: https://docs.generatepress.com/article/layout-element-overview/#disable-element
Try disabling the Primary Nav for your specific page.
Hi Fernando,
Yes for the hamburger that would be great.
Re: Nav Element
Thanks, I have already disabled the Primary Nav Element but that also seems to disable the off canvas menu on mobile. Is that normal?
Thanks,
Rob
Can you open a new topic for the Primary nav disabling? Or, let's try to discuss this after we finish the first issue.
As for the Hamburger button, try adding this through Appearance > Customize > Additional CSS?:
@media (max-width: 768px){
nav#sticky-navigation button.menu-toggle {
order: -1;
}
}Hi Fernando,
That works great for the hamburger thank you.
I have opened a new topic for the Off-canvas question.
Cheers,
Rob
You're welcome, Robert!
I thought the Off canvas issue was already resolved from your other topic. Do you still need assistance regarding that?