问题:

I have edited the CSS on my menu on this site:

So it would display completely across at the font size I want (previously it was turning into a two layer menu). However, now for some reason the submenu under "Show Your Support" is very difficult to click on. When you hover and try to move your mouse down to an option it disappears half the time before you can click on anything.

I have played around with the code in Chrome (inspect element) and I can't seem to find out what is wrong. Can someone assist me, please?

Thank you.

回答1:

There is a gap between the menu and where the sub-menu appears. See Image below:

When you hover away from the menu item and the mouse is on its way to the sub-menu, the mouse ceases to be on 'hover' (while crossing over the gap) - making the sub-menu disappear.

If you can eliminate the gap (i.e. place where the sub-menu is positioned higher up the page), the 'hover' state will remain on mouse-move and the sub-menu will stay 'shown' for clicking.

Does that help?

PS posted as an answer (instead of comment) so I could include the image in my explanation.