Responsive Mobile

These instructions are for the “Responsive Mobile” (aka “Responsive II”) theme by CyberChimps.

Remove duplicate mobile toggle button

Go to Appearance > Customize > Additional CSS and enter the following:

/** Hide mobile items **/
.mega-menu-header-menu #mobile-current-item,
.mega-menu-header-menu #mobile-nav-button {
	display: none !important;
}

/** Remove left and right padding on mobile menu **/
.mega-menu-header-menu #main-menu {
	padding: 0;
}

/** Hide mobile items **/

.mega-menu-header-menu #mobile-current-item,

.mega-menu-header-menu #mobile-nav-button {

display: none !important;

}

/** Remove left and right padding on mobile menu **/

.mega-menu-header-menu #main-menu {

padding: 0;

}

We recommend the following settings to make the mega sub menus span the full width of the page:

Mega Menu > Menu Themes > Mega Menus > Panel Width (Outer): body
Mega Menu > Menu Themes > Mega Menus > Panel Width (Inner): .container

These settings are optional, you may wish to change them depending on how you want your sub menus to appear.

Max Mega Menu Documentation