Hi TagDiv team. Please check out the following video. We’ve looked at all the option in the “Header main menu” element and researched this on the forum here, but couldn’t figure out the answer. There seems to be a single pixel between the main menu and the submenu where the cursor appears to go “off” the menu and thus the submenu disappears. Thanks in advance for the help!
https://www.loom.com/share/44753bba88234f53bcb53ae0955d2c17?sid=ac7da80a-de19-4e08-9e65-731c1e11e694
Hello,
The issue with the menu hover is happening because of a margin that is set for the sub-menu. Normally the sub-menu appears while hovering on the main menu item, and it requires uninterrupted space below it and the sub-menu. This way when you move the cursor over to the sub-menu, it stays visible. But if there is a margin between the main menu item and the sub-menu, the sub-menu will close. And I’m not sure what is adding that margin
It could be overridden, something like this should work:
.sub-menu {
margin-top: 0!important;
}
Set the code in Theme Panel ->Custom code -> Custom CSS
Thank you!
Thx, Anamaria. That fixed the issue. I appreciate the help.
