Menu column problem on mobile…

  • Resolved documentaryvine

    (@documentaryvine)


    7 years ago

    For some reason I created a megamenu for another taxonomy (years), it is 5 columns on desktop but on the mobile menu it isn’t aligning properly in two columns (see link to image showing it below).

    This screenshot shows the problem: https://ibb.co/irvF8R

    Its strange because I have the same menu item for categories which works perfectly fine on mobile, but I made that a year ago.

    So have I forgot to tick a checkbox or something this time?

    Thanks

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

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

    (@megamenu)

    Hi,

    Thanks for posting a link. It looks like a bug, and it’s because one sub menu has 4 columns (even number) and one has 5 (odd number). I’ll add a proper fix in the next version, in the mean time please go to Mega Menu > Menu Themes > Custom Styling and paste in the following:

    @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 documentaryvine

    (@documentaryvine)

    Thanks!

    macksix

    (@macksix)

    Great, I was looking for the same solution. It would be nice to be able to select a row and it display single column while leaving others 2 column. For instance a row that is just one text widget with a divider could be selected to display 1 column while the others above or below it with more than one widget would display 2 column.

    • This reply was modified 7 years ago by macksix.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Menu column problem on mobile…’ is closed to new replies.