How to remove the mega menu columns styling
By default, widgets and second level menu items will be displayed in equally spaced columns (as set up in the mega menu builder).
To remove the column functionality, and allow the sub menu elements to display naturally, go to Mega Menu > Menu Themes and enter the following into the Custom Styling area:
1 2 3 4 5 6 |
#{$wrap} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item { width: auto; } #{$wrap} #{$menu} > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.mega-menu-clear { clear: none; } |
Note: the sub menu elements will no longer be given a width once this CSS has been added. It will be up to you to ensure the correct widths have been set on the sub menu elements to ensure they are displayed correctly.