Create (ThemeTrust)

The menu will pick up residual theme styling when Max Mega Menu is enabled.

Copy the header.php file to your Child Theme.

Find:

<div class="main-nav clearfix">

1	<div class="main-nav clearfix">

Replace with:

<div class="main-nav-mmm clearfix">

1	<div class="main-nav-mmm clearfix">

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

.main-nav-mmm {
    display: inline-block;
}

@media only screen and (max-width: 768px){
    .nav-holder {
        float: none;
        width: 100%;    
    }
    .main-nav-mmm {
        display: block;   
    }
    /* Optional: hide secondary nav on small screens */
    .secondary-nav {
        display: none;
    }
}

.main-nav-mmm {

display: inline-block;

}

@media only screen and (max-width: 768px){

.nav-holder {

float: none;

width: 100%;

}

.main-nav-mmm {

display: block;

}

/* Optional: hide secondary nav on small screens */

.secondary-nav {

display: none;

}

Max Mega Menu Documentation

Related Articles