Fluida

Residual Styling

Max Mega Menu inherits JavaScript and CSS from the default Fluida menu system. To prevent this:

Step 1

Copy the header.php file to your Child Theme.

Find:

<nav id="access" role="navigation"  aria-label="Primary Menu" <?php cryout_schema_microdata( 'menu' ); ?>>

1	<nav id="access" role="navigation" aria-label="Primary Menu" <?php cryout_schema_microdata( 'menu' ); ?>>

Replace with:

<nav id="access-mmm" role="navigation"  aria-label="Primary Menu" <?php cryout_schema_microdata( 'menu' ); ?>>

1	<nav id="access-mmm" role="navigation" aria-label="Primary Menu" <?php cryout_schema_microdata( 'menu' ); ?>>

Step 2

Go to Appearance > Customize > Additional CSS and paste in the following:

/** Place menu back into existing position */
#access-mmm {
    float: right;
    display: inline;
}

/** Show mobile menu at full width on new line **/
@media (max-width: 800px) {
    #access-mmm {
        float: none;
        display: block;
    }
}

/** Hide incompatible search icon from menu **/
#access-mmm .menu-main-search {
    display: none !important;
}

/** Hide theme mobile toggle button **/
#nav-toggle {
    display: none !important;
}

/** Place menu back into existing position */

#access-mmm {

float: right;

display: inline;

}

/** Show mobile menu at full width on new line **/

@media (max-width: 800px) {

#access-mmm {

float: none;

display: block;

}

/** Hide incompatible search icon from menu **/

#access-mmm .menu-main-search {

display: none !important;

}

/** Hide theme mobile toggle button **/

#nav-toggle {

display: none !important;

}

Max Mega Menu Documentation

Residual Styling

Step 1

Step 2

Related Articles