[Resolved] On mobile: Change menu to button when sticky

[Anders Nielsen]

Hi

When using the sticky menu function on mobile.

How can I change the menu to a button for like, “get a call” – when you scroll down.

See video in private section.

[Fernando]

Hi Anders,

Let’s discuss the first inquiry first.

1. Create a Block Element – Hook. Hook it to menu_bar_items
2. Add a GB Buttons Block.
3. Give the Buttons Block these classes: hide-on-desktop hide-on-tablet
4. Set the Display Rule to show on the Entire site.
5. Add this CSS in Appearance > Customize > Additional CSS:

#mobile-header button.menu-toggle {
    display: none;
}

Let us know how it goes.

[Anders Nielsen]

Hmm, that removes the entire menu..

It should only be removed when menu is sticky

[Anders Nielsen]

Hi there

Made a small video, where I go more in details 🙂

[Anders Nielsen]

Manage to solve it somehow…

[Ying]

Try adding this:

#sticky-navigation .gb-button-wrapper.gb-button-wrapper-5f0995ad {
    display: block !important;
}

[Author]

Posts