Streaming live at 10am (PST)

Custom Dropdown menu HELP


#1

I have create a custom menu that has lare mega dropdowns when hovering over a menu item.

I want the menu to retract when the user hovers off the menu item EXCEPT when they are hovering down to the content that was just revealed.

I had to use custom interactions because the built in dropdown menu would not allow me to center the dropdown content. (The way I centered the dropdowns is also only working in chrome not safari)

Play around with it and you will see what I mean!


Here is my public share link: https://preview.webflow.com/preview/connectoasis?preview=36a6a8a857e56bfe864188f7b8baa3c1


#2

The problem is actually pretty simple.

Take your buttons that are going to trigger a dropdown and switch them from link blocks to divs. Then, put the dropdown element inside that div. That way, when you hover from the menu item to the dropdown, your pointer is still technically inside that button.


#3

Thanks so much! So simple.


#4

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.