Hi, my website was working fine and then suddenly the a dropdown menu from the nav started presenting a problem. When I hover over the “Solutions” nav item, the menu appears but when I move the cursor down to select an option from the menu, it vanishes. This is super frustrating, especially given that I didn’t touch the navigation and this just broke on its own.
Can anyone help me figure out why this is happening?
Thanks!
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
Hi Choni, I’m not able to reproduce it.
Normally this would happen if you have applied a top margin to your dropdown that creates a gap between the trigger and the dropdown. Then the mouse passes over the desktop and the nav closes.
I’m not seeing that here but if you’re using some custom CSS or scripts especially browser-specific code, look into that. I’m using Chrome on Windows.
Note that the trigger area is that first red rectangle I’ve marked. If the mouse moves past that right edge, the dropdown would close as well.
In case you’re not aware, have a look at your tablet breakpoint as well, the nav looks unstyled there.
