Kahuna

Remove Residual Styling

When Max Mega Menu is enabled, Kahuna still applies some of it’s own styling to the mega menu and sub menus. To stop this happening, first copy the header.php file to your Child Theme.

Find:

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

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

Replace with:

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

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

Next go to Appearance > Customize > Additional CSS and add the following:

/** Restore menu position **/
#access-mmm {
    display: inline;
    float: right;
}
@media (max-width: 800px) {
    #masthead.cryout #access-mmm {
        display: none;
    }
}
/** Hide theme search menu item **/
.menu-main-search {
    display: none !important;
}

/** Restore menu position **/

#access-mmm {

display: inline;

float: right;

}

@media (max-width: 800px) {

#masthead.cryout #access-mmm {

display: none;

}

/** Hide theme search menu item **/

.menu-main-search {

display: none !important;

}

Max Mega Menu Documentation

Remove Residual Styling

Related Articles