Disable Hover Menu in Genesis

To disable the hover menu containing the subpages in a Genesis theme, you have to do the following:

Remove drop-down-menu from the accessibility features. Somewhere in your functions.php may be a line like this one:

add_theme_support( 'genesis-accessibility', array( '404-page', 'drop-down-menu', 'headings', 'rems', 'search-form', 'skip-links' ) );

Remove drop-down-menu from this line:

add_theme_support( 'genesis-accessibility', array( '404-page', 'headings', 'rems', 'search-form', 'skip-links' ) );

Next step is to add the following line. By default, the genesis_superfish_enabled filter is false, just to be save:

add_filter( 'genesis_superfish_enabled', '__return_false' );

Superfish is now disabled. To disable the CSS fallback, modify your CSS like this:

.genesis-nav-menu .menu-item:hover {
    /*position: static;*/
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
    /*left: auto;
    opacity: 1;*/
}

Now, the Genesis hover is disabled, but your subpages are shown in the responsive version of your menu.

Related Posts