Return to previous page

Menu hovering over buttons - by Cover Lovers

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

Cover Lovers

Participant

March 29, 2021 at 01:34

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
Rose Tyler

Support staff

March 29, 2021 at 08:25
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
Cover Lovers

Participant

April 1, 2021 at 05:39

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
Rose Tyler

Support staff

April 1, 2021 at 16:19
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
Viewing 4 results - 1 through 4 (of 4 total)