Forum

You need to log in to create posts and topics. Login · Register

Gap in sub menu

for css element .main-navigation ul ul remove /* margin: 1px 0 0 0; */
gap in drop down causes sub menu to be removed before mouseover event on sub menu.

In my mind, the gap that causes the dropdown (submenu) to disappear isn't the real problem. The gap is only a problem because the submenu disappears instantly.

Even if the sub-menu was working correctly, there would still be the possibility of very annoying situations, where while moving your mouse down you accidentally go slightly to far to the left or right, and the menu disappears causing you to have to go all the way back up to the top menu to spawn it again.

Instead of the on mouse leave event causing the sub-menu to hide, it should spawn a count down timer of say .25-.5 seconds that causes the sub-menu to fade out, and this should be stopped/reset if the mouse re-enters the sub-menu or its spawning menu item. With this fix, you would no longer have to worry about the gap.

This website uses cookies to offer you the best experience online. By continuing to use our website, you agree to the use of cookies.