Return to previous page

Main menu behaving oddly on hover. ALL submenus displaying.

This topic has 2 replies, 2 voices, and was last updated 1 years, 5 months ago ago by Rose Tyler

Roobinda

Participant

November 10, 2022 at 13:17

Hi there. The main menu has started to behave incorrectly. If you hover over the main menu item ALL submenus display at the same time with some odd horizontal lines. See screenshot here – https://asphair.com/IMAGES/menu_error.jpg

#338275 Copied Theme version: 2.9.2 WooCommerce version: 7.1.0

1 Answer
Rose Tyler

Support staff

November 10, 2022 at 14:53
Hello,

Add the next custom CSS code:
```
.nav-sublist-dropdown ul li.menu-parent-item:hover>.nav-sublist {
    display: block;
}
.nav-sublist-dropdown ul li.menu-parent-item>.nav-sublist {
    display: none;
}
.nav-sublist-dropdown ul>li.menu-parent-item>a:after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: .92rem;
    color: #b9b9b9;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -10px;
}
```
Regards
#338293 Copied
Tagged: hover, main menu, oddly behaving, submenus, themes, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)