eStore (Theme Grill)

When Max Mega Menu is enabled you will see 2 mobile toggle buttons on smaller screens.

Step 1. Go to Mega Menu > Menu Themes > Mobile Menu and set the Responsive Breakpoint to 768px. This will synchronize the theme mobile display with Max Mega Menu.

Step 2: Go to Appearance > Customize > Additional CSS and insert the following:

@media (max-width: 768px) {
   /* Hide theme mobile toggle button */
   .mega-menu-primary .toggle-wrap {
       display: none !important;
   }
   
   /* Push MMM mobile menu onto a new row and make it 100% wide */
   .mega-menu-primary #site-navigation {
       float: none;
       margin-right: 0;
   }
}

@media (max-width: 768px) {

/* Hide theme mobile toggle button */

.mega-menu-primary .toggle-wrap {

display: none !important;

}

/* Push MMM mobile menu onto a new row and make it 100% wide */

.mega-menu-primary #site-navigation {

float: none;

margin-right: 0;

}

Max Mega Menu Documentation