Dropdown interactions brain drain - pls help

Design help Animations & Interactions
1

I am working on a dropdown menu which uses interactions. The dropdown interaction happens on hover over.

I can’t quite work out how the submenu stays visible after hovering outside of the trigger link above. I have shared the site below.

Note: I have also used the Webflow tutorial which explains on click interaction and then goes onto say you can do this on hover too, but following that also makes the sub menu disappear when I am outside the trigger hover area.

Much help would be appreciated.
Thanks.

Here is my public share link: https://preview.webflow.com/preview/topnav?utm_source=topnav&preview=584ac644d13f53766fd5aafec8bb163d

2

I’m at 99%, I could have added opacity on/off so that the few vivible pixels at the edn don’t show, but you can add that by yourself. Pros of my method is that you’re using only the Nav and dropdown elements, it may be simpler.

http://vincent.polenordstudio.fr/snap/screencast_2019-01-09_17-16-28.mp4

1 Like