to change mega menu to dropdown in mobile

  • Resolved lord_hipnos

    (@lord_hipnos)


    4 years, 1 month ago

    Hello,

    As you can see, I have set a three columns mega menu in the second level. The first item of the third level has two columns. It works fine in desktop but in mobile is mess. Take a look at the picture. I would like to show mobile as a dropdown menu or something similar to view the third level properly.

    Max megamenu

    Any suggestions?

    Alfredo

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

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

    (@megamenu)

    Hi Alfredo,

    Please go to Mega Menu > Menu Themes > Custom Styling and add the following:

    @include mobile {
    #{$wrap} #{$menu} li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-4-columns > ul.mega-sub-menu > li.mega-menu-item {
        width: 50%;
    }
}

    I see you’re using custom CSS to add the white borders. You might want to wrap that in a css media query to it only applies on wider screens.

    Regards,
    Tom

    Thread Starter lord_hipnos

    (@lord_hipnos)

    Thank you, Tom. It is working fine.

    One more question. If it possible to keep on working the mega menu in desktop but to change it for the theme default menu in mobile?

    Thanks again.

    Alfredo

    Plugin Author megamenu

    (@megamenu)

    Hi Alfredo,

    With your theme, it might be possible yes. Try going to Mega Menu > Menu Locations [expand relevant location] > Advanced and set the Active Menu Instance to “1”.

    Regards,
    Tom

    Thread Starter lord_hipnos

    (@lord_hipnos)

    Hello Tom,

    Instead of 1 was 2 but, anyway, it is working ??

    I am very thankful for your help!

    Thanks again!

    Alfredo

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘to change mega menu to dropdown in mobile’ is closed to new replies.

Tags