My client wishes to have a simple navigation (2 links) when you rollover each link a sub/dropdown navigation appears on hover. I have this working as they expect, however on various browser breakpoints the rollover movement from hovering over the nav link and moving the mouse to the sub-nav, doesn’t work very well. I could nudge the navigation dropdown area up a little but then it’s blocking their logo. It’s becoming problematic! Before I alter this to become a click/open instead, is there anything else I could do here to make this work a bit smoother?
Also; when the dropdown area is open, you can scroll downwards with the mouse whilst it stays open. Is there a way to prevent this?
Here is my site Read-Only: [LINK]
([how to share your site Read-Only link])