Total
Fix Mobile Menu
Go to Mega Menu > Menu Themes > Custom Styling and add the following:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
/** Hide theme mobile menu **/ body.mega-menu-main-menu .mobile-menu-toggle { display: none !important; } /** Reveal desktop menu on mobile **/ body.mega-menu-main-menu #site-navigation-wrap { display: block !important; } /** Allow the MMM mobile menu to be 100% wide **/ @include mobile { #site-navigation.container { max-width: 100%; } } |
Align Search Icon
Go to Appearance > Customize > Additional CSS and add the following:
1 2 3 4 |
/** Align search icon with menu **/ .mega-menu-main-menu .search-toggle-li { display: inline-block; } |
Full Width Sub Menus
To make the sub menus span the width of the page, go to Mega Menu > Menu Themes > Mega Menus and set the Panel Width (Outer) to:
1 |
#site-header-inner |