MEGA MENU clickable area

Hi,
I’m experiencing an issue with the megamenu. The clickable area of the menu items is too small, and as a result the megamenu does not expand properly. In many cases, the menu items are not clickable at all or require very precise cursor placement.

Could you please check this behavior? It seems that the interaction area is insufficient, preventing the megamenu from opening and functioning as expected.

The site is planned to go live today, please it’s pretty urgent!

Thank you.

Attachments:

You must be logged in to view attached files.

Hello,

The issue occurs because there is a large gap between the main menu item and the megamenu, which is caused by the header row height. Please navigate to Appearance > Menus, expand the menu item settings, and change the “Open on Mouse Event” option to Click. After that, test the menu again to see the behavior—it should now work correctly without disappearing when hovering.

Best Regards,

Hello,
it works but I can’t enter the Shop page after that. The megamenu appearing on hover was useful because I could navigate through the shop page as well. Is there a way to fix it keeping the hovering?

Hello,

Please add below Custom CSS code to Theme Settings > Custom CSS:

.wd-dropdown-menu.wd-design-full-width:not(.wd-scroll), .wd-dropdown-menu.wd-design-full-width.wd-scroll .wd-dropdown-inner {
margin-top: 0px;
}

Best Regards,

[Author]

Posts