Streaming live at 10am (PST)

Drop Down Help Needed

Hi… I’m trying to do dropdown sub navigation. Here is the link: https://preview.webflow.com/preview/nav-066032?utm_source=nav-066032&preview=cd7ce2873599d8bdf75997539d263081

So when my mous hovers the “solution” link I have a drop down that slides from the top. But I can’t get the dropdown stay when I hover over the links in it. What should I do?

Thanks in advance


Here is my public share link: LINK
(how to access public share link)

Hi, yeah I have had this issue. Rethink the div structure so that the drop down menu content is within the same div as the one with the hover animation. This way the you have to move the mouse outside the button and the menu items before the menu contracts. Make sense?

This tutorial goes over the basic way I touch on above https://university.webflow.com/article/custom-dropdown-menu.

This Mega menu uses a different approach with an absolute positioned menu item wrapper that is shown on hover. a full page overlay that triggers the menu close. https://university.webflow.com/article/custom-dropdown-menu

Hi tried the tutorial… received the same problem… I need thin on hover. Hover in the drop down shows, hover out dissapears. This is works good. But dropdown menu doesn’t stay if I want to click on the link that is is it. Please help someone…

This is the prevew: https://preview.webflow.com/preview/nav-066032?utm_source=nav-066032&preview=cd7ce2873599d8bdf75997539d263081

Can you please show me how would you stracture that? It makes sense, but still confused. Pulling my hair out… Thanks

1 Like