Have nav close when hovering out

How can I have my dropdown navigation close when the cursor leaves the nav? I don’t want to have to click again to close it.


Here is my site Read-Only: https://preview.webflow.com/preview/test-site-adv?utm_medium=preview_link&utm_source=dashboard&utm_content=test-site-adv&preview=52c3d94c64fad23052036103f3f4baa6&mode=preview
(how to share your site Read-Only link)

It seems to be doing that already.

Also you are getting some glitchy ness with the active state of your dropdown because you used a border. Change the blue line to an inner shadow with no blur set to the same pixel height and you won’t have that issue. Or add a transparent bottom border to the non open state and it’ll fix it.