Mobile: Change to single column

  • Resolved mooer

    (@mooer)


    1 year, 5 months ago

    I have a mega menu (PRAKTISKA F?RDIGHETER), which in the desktop version have submenu (A-PROBLEM) with multiple columns. However, this does not look very good using a mobile phone. Is there any way – using the free version – that the sub menu can automatically change to one column when viewed in a mobile? If not, is there a way using the pro version?

    Thanks,

    mooer

    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 mooer,

    It is possible in the free version under Mega Menu > Menu Themes > Mobile Menu > Mega Menu Columns (at the bottom).

    Regards,
    Tom

    Thread Starter mooer

    (@mooer)

    thanks for your response,

    I have changed this to 1 Column already. this settings does however only apply to the menu’s top items, not the sub menus.

    Plugin Author megamenu

    (@megamenu)

    Hi Mooer,

    I see. 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-3-columns > ul.mega-sub-menu > li.mega-menu-item {
        width: 100%;
    }
}
    • This reply was modified 1 year, 5 months ago by megamenu.
    Thread Starter mooer

    (@mooer)

    Works perfectly, thanks a lot!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mobile: Change to single column’ is closed to new replies.