How not to close menu when hovering over children

Design help Animations & Interactions
1

Hi all,

I building a kind of a mega menu. The menu is closed when I mouse over the children of the menu item as I have a hover interaction set up. How do I keep the parent div enabled when I remove mouse from that div but still hovering the children of that menu?

I am basically building a menu like this — http://taas-uikit.webflow.io/. As you can see, you can hover over submenus and the menu is still visible.

Thank you.

2

Can you please share the read-only for your website. We need to see things in order to help you :slight_smile:

3

Sure, here it is — https://preview.webflow.com/preview/avanti-new?utm_medium=preview_link&utm_source=dashboard&utm_content=avanti-new&preview=347ba325240c7b92732b1adf1092530a&mode=preview

4

Hey, I have posted the read-only link. Thanks!