Directory Starter

The theme will start displaying its own mobile menu toggle on screen sizes below 992px. This theme toggle button is not compatible with Max Mega Menu, so we will remove it and display the default Max Mega Menu mobile menu instead.

Step 1: Go to Mega Menu > Menu Themes > Mobile Menu and set the Responsive Breakpoint to 992px.

Step 2: Go to Mega Menu > Menu Themes > Custom Styling and add the following:

@include mobile {
    .mega-menu-primary-menu .dt-nav-toggle {
        display: none !important;
    }
    .mega-menu-primary-menu #primary-nav {
        display: block !important;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@include mobile {

.mega-menu-primary-menu .dt-nav-toggle {

display: none !important;

}

.mega-menu-primary-menu #primary-nav {

display: block !important;

width: 100%;

margin-left: 0;

margin-right: 0;

}

Max Mega Menu Documentation