Dante
Basic Setup
Go to Theme Options > General Settings and set “Disable Mega Menu Functionality” to “On”.
Residual Styling
After enabling Max Mega Menu for the “Main Menu” location, the menu will cover the whole width of the header (overlapping the logo) and the mobile menu will not function correctly.
To restore the Dante menu position and fix the mobile menu, go to Mega Menu > Menu Themes and enter the following into the Custom Styling area:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
/* Reposition menu to right hand side for header styles 3-7 */ @include desktop { #{$wrap} { float: right; margin-right: 50px; } .header-1 #{$wrap}, .header-2 #{$wrap} { float: none; } .search-off #{$wrap} { margin-right: 0; } } /* Show MMM on mobiles */ .mega-menu-main-navigation { #logo a.mobile-menu-show { display: none !important; } #main-nav, #main-nav-sticky-wrapper, #main-navigation { display: block !important; } } /** Allow ul elements to be displayed in sub menus */ .mega-menu ul.mega-sub-menu ul { display: inherit; } |
Full Width Sub Menus
To make the mega sub menus span the full width of the page, go to Mega Menu > Menu Themes > Mega Menus and set the “Panel Width (Outer)” to:
.container