Mega Menu displays incorrectly when in mobile view

  • Resolved graphics616

    (@graphics616)


    7 years, 6 months ago

    I have my “Products” tab mega menu set up with 10 text widgets that each contain an image that is also a link. The Mega Menu is set to 5 columns and looks decent in a desktop browser.

    When viewed in a mobile browser such as a phone, the 5th and 6th text widgets are in the left column but nothing is in the right column and then the 7th – 10th text widgets are displaying correctly. I have mobile set to 2 columns.

    Here is the link to the site for anyone who would care to look and offer a fix.
    https://www.roadworksmfg.com/

    The offending tab is the “Products” tab.

    • This topic was modified 7 years, 6 months ago by graphics616.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi,

    Thanks for the link.

    Please can you try adding this to WP Admin > Mega Menu > Menu Themes > Custom Styling:

    @include mobile {
    #{$wrap} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-menu-clear {
        clear: none;
    }
}

    Regards,
    Tom

    Thread Starter graphics616

    (@graphics616)

    Worked like a charm. Thanks for the extremely quick response!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mega Menu displays incorrectly when in mobile view’ is closed to new replies.