Menu hovering over buttons - by Cover Lovers

Solved3 replies2 participantsUpdated by Rose Tyler

  • Avatar: Cover Lovers
    Cover Lovers
    Participant

    If you hover over the top couple buttons on the menu really fast, you can see a gap appear under it, and then it slides up a little to fix it.

    How can I completely remove that gap so when you hover, you don’t notice any gap at all?

    Please, contact administrator
    for this information.
    #281543 Copied Theme version: 7.2.6 WooCommerce version: 5.7

    3 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Try to use the next custom CSS code:

    .et_b_header-menu:not(.header-secondary-menu) li:hover > .nav-sublist-dropdown:not(.nav-sublist),
.et_b_header-menu li.menu-open-by-click.opened > .nav-sublist-dropdown:not(.nav-sublist),
.et_b_header-menu:not(.header-secondary-menu) .item-design-dropdown li:hover > .nav-sublist > ul,
.site-header .widget_nav_menu .menu > li .sub-menu,
.site-header .etheme_widget_menu li:hover > .nav-sublist-dropdown:not(.nav-sublist),
.site-header .etheme_widget_menu .item-design-dropdown li:hover > .nav-sublist > ul {
animation: none;
}

    Regards

    #281573 Copied
    Avatar: Cover Lovers
    Cover Lovers
    Participant

    This works, but now for some reason when I hover over the buttons in the menu and hover my mouse down to go to the dropdown menu, the dropdown menu disappears again?

    Please contact administrator
    for this information.
    #282032 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Go to Theme Options > Header builder > Main menu > set padding top and bottom 43px for items, then add the next code in Theme Custom CSS:

    .menu-items-underline .menu > li > a:before {
    bottom: 30px;
}

    Regards

    #282165 Copied

The issue related to '‘Menu hovering over buttons’' has been successfully resolved, and the topic is now closed for further responses