Fix Mobile Menu
Go to Mega Menu > Menu Themes > Custom Styling and enter the following:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
.mega–menu–primary–menu .navbar–collapse.collapse { display: block !important; visibility: visible !important; } .mega–menu–primary–menu #toggle-icon { display: none !important; } @include desktop { .mega–menu–primary–menu .navbar–collapse { float: right !important; } } |
We recommend you set the “Responsive Breakpoint” (under Mega Menu > Menu Themes > Mobile Menu) to 991px.
Full Width Mega Sub Menus
To make the mega sub menus the same width as the page, go to Mega Menu > Menu Themes > Mega Menus and set the “Panel Width (Outer)” to:
.container