[Resolved] Mobile Hamburger changes side when sticky

[Robert]

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

[Fernando]

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.

[Robert]

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

[Fernando]

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;
}
}

[Robert]

Hi Fernando,
That works great for the hamburger thank you.

I have opened a new topic for the Off-canvas question.

Cheers,
Rob

[Fernando]

You’re welcome, Robert!

I thought the Off canvas issue was already resolved from your other topic. Do you still need assistance regarding that?

[Author]

Posts