Columns in mobile menu

  • Resolved FrankEck

    (@frankeck)


    6 years, 5 months ago

    Hello, I realize that the topic “mobile” has been discussed a lot and I read everything on your website about this topic. But despite everything I can’t solve a problem with the mobile menu.
    The mega menu runs smoothly on the desktop page. Only in the mobile view only one or two columns are shown. But not the other columns of a menu.
    How can I achieve that the other columns of a mega menu are also displayed?
    Wordpress is up to date, use the suffice theme.

    Can you help?

    Cheers, Frank

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

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

    (@megamenu)

    Hi Frank,

    Can you check you have this option enabled on the columns you’re expecting to see on mobile?

    https://screencast.com/t/elZVseUyg0Wh

    Regards,
    Tom

    Thread Starter FrankEck

    (@frankeck)

    Sorry, meanwhile I had adapted the Mega Menu so that only 2 columns are displayed. I have now activated all 4 columns for the mobile view in the menu “Shop” again.

    Plugin Author megamenu

    (@megamenu)

    Hi Frank,

    Ok, I see all of the columns on mobile now.

    However, you have some custom CSS which sets position: fixed on the mobile menu (this CSS is under Mega Menu > Menu Themes > Custom Styling), but your theme is also “fixing” the header. A fixed element (the menu) inside a fixed element (the header) causes scrolling problems.

    The theme you’re using (Suffice Pro) claims to have support for MMM built in:

    https://themegrill.com/support-forum/topic/does-suffice-theme-support-max-mega-menu/

    … so I would expect it to work ‘out of the box’. Does your theme come with documentation on how to use MMM with it?

    Thread Starter FrankEck

    (@frankeck)

    Hmm, I’ll check it with the Theme-Developers and will report ??

    Thread Starter FrankEck

    (@frankeck)

    Well, I’ve got an answer from Themegrill and it works now!

    Paste the following CSS to the “additional css” in Theme-Customizer:

    @media only screen and (max-width: 600px) {
    #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
        overflow-x: auto;
    }
}

    Thanks for your help!

    Cheers, Frank

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Columns in mobile menu’ is closed to new replies.