Footer Mega Menu
To make the sub menus for your mega menu appear above the menu bar instead of below, go to Mega Menu > Menu Themes and insert the following into the Custom Styling area:
1 2 3 4 5 6 |
@include desktop { /* Invert sub menu */ #{$wrap} #{$menu} li.mega-menu-item > ul.mega-sub-menu { bottom: $menu_item_link_height; } } |
Tip: If you want the sub menu indicator to point upwards instead of downwards, go to Mega Menu > Menu Themes > General Settings > Arrows and set the Down Arrow to an upwards pointing arrow.
Mobile Menu
To make the mobile sub menu appear above the toggle bar instead of below it, go to Mega Menu > Menu Themes and insert the following into the Custom Styling area:
1 2 3 4 5 6 7 |
@include mobile { #{$wrap} #{$menu} { bottom: $toggle_bar_height; position: absolute; width: 100%; } } |