Site logo

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

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

Home Forums Support On mobile: Change menu to button when sticky

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2419090
    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.

    #2419106
    Fernando
    Customer Support

    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.

    #2419995
    Anders Nielsen

    Hmm, that removes the entire menu..

    It should only be removed when menu is sticky

    #2420253
    Anders Nielsen

    Hi there

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

    #2420286
    Anders Nielsen

    Manage to solve it somehow…

    #2420288
    Ying
    Staff
    Customer Support

    Try adding this:

    #sticky-navigation .gb-button-wrapper.gb-button-wrapper-5f0995ad {
        display: block !important;
    }
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.