Padding and open state mobile menu

  • Resolved blueness

    (@blueness)


    4 years, 10 months ago

    Hi!

    Following this documentation to disable the double menu buttons on mobile works great https://www.megamenu.com/documentation/i-see-two-mobile-toggle-buttons/

    But when I use it, the menu is automatically open (as described) in the header which doens’t look nice. See https://i.imgur.com/Ro9R7jM.png Toggling the button then is how it should look.

    Also how can I increase the padding on the top for the button. I only see padding options for the menu items themselves.

    Another way would be to keep the UX Shop theme menu intact on mobile and disable/hide the megamenu on mobile. That would function and look the best. The padding is also not an issue then.

    Thank you in advance for the support!

    Kind Regards,

    Michael

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi Michael,

    Please go to Mega Menu > Menu Themes > Mobile Menu and set the Responsive Breakpoint to 768px and disable the Mobile Toggle Bar.

    Then, in the Custom Styling area, add:

    @include mobile {
    .site-navigation-inner #mega-menu-wrap-primary {
        display: none;
    }
}

    I think that should look better? You should see your theme slideout mobile menu, with Max Mega Menu within, in it’s expanded state.

    Regards,
    Tom

    Thread Starter blueness

    (@blueness)

    Hi Tom,

    Thank you for the fast reply. It worked perfectly!

    Kind Regards,

    Michael

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Padding and open state mobile menu’ is closed to new replies.