Streaming live at 10am (PST)

Drop Down Sub Menu Update?


#1

I love the new drop down feature but is there a way to add a sub menu drop down. So if you hover on the first drop down link it pulls up a sub menu?


https://preview.webflow.com/preview/element-chef-services?preview=554d5604a8b971cbd58590687778294b


#2

Hi @rsilbereis

have you tried putting a dropdown inside of another dropdown?


#3

I thought about that but then how do I get it to line up and do I have to then put an interaction on hover to open the new menu?


#4

okay so I added a dropdown where the links normally go but what I want is to hover over the first link in a drop down and the other drop down open to the right


#5

@webflow can someone from Webflow please respond


#6

Hey, @rsilbereis! This can be done! You can see it working here:

http://dropdown-test-4c2aec.webflow.io/

And here is a read-only version of the site:

https://preview.webflow.com/preview/dropdown-test-4c2aec?preview=a6552b9fe0deb3895f8bd1d27f0f7b2b

I added a navbar, then I added a dropdown. I placed a dropdown inside of that and I set them both to open on hover.

Then I styled the icon on the second dropdown so it would point right (just added a transform). Then I added a class to the div that wraps those children, and since it’s positioned absolutely, just moved it out to the right-hand side. If you give me just a few minutes I’ll make you a video! :slight_smile:


#7

Maybe this will help!


#8

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