You can add Webflow’s dropdown element to almost any area of a project, but you’ll usually see them used in sites’ main navigation areas.
In this video, we’ll show you how to:
1. Add a dropdown to your site
2. Work with the elements of the dropdown
3. Customize your dropdown’s settings
4. Edit links within the dropdown
5. Style links within the dropdown
6. Nest dropdowns in other dropdowns
Steps in the video:
00:00 – Introduction
00:20 – Adding
00:37 – Anatomy
02:02 – Linking
02:45 – Styling
———-
Get started with Webflow:
https://help.webflow.com/courses/getting-started
http://webflow.com
http://twitter.com/webflow
http://facebook.com/webflow
source
This vid must be old. I am not seeing the settings as they are shown?! If I drag a dropdown onto my navbar, then preview and click – nothing happens?!
I do not have the navigation panel on the right side, only on the left side.
Is it possible to have the option of the dropdown become the text of the menu when clicked? Like an active state
We're late to the party but this video is still the best tutorial we've watched in a while!
Every video I watch I wait for the stupid joke. Never disappointed and always LOL!!
ok its a little bit too close
I've been trying to set the dropdown element to 'transition' down on hover, but it isn't working, anyone know how to fix this? I've managed to set a colour transition on hover, and a 'drop-down' on hover, but it will not transition.
All I needed was to learn how to have the menu open on hover. Thank You!
As we go on the BBC Sport Website on mobile, they have a black Nav Bar that scrolls horizontally.
How do we do this on Webflow, desktop & mobile/responsive ?
Please help! ☺️☺️
Nice
how to use list items as a toggle button. (if I click on the list item in dropdown, menu should collapse/toggle again)
Is it possible to have a dropdown link connect to a specific section on a page? Example: I have a dropdown list under Services page (all services are listed on one long page). You click on "Service #4" which navigates you to the fourth section on Services page.
Hiii i want to know how to add options to a download button which should give a list of download options while downloading a video
Is it possible to add a transition animation to a dropdown? If so, how do you do it?
I wonder if you're able to make a megamenu from the dropdown in Webflow?
Love your series of videos. Very smart, straightforward tutorials.
Hey guys! Thanks for this video (and all of your videos!), but it seems that this one might need updating as I don't see the "Navbar Settings" section, only "dropdown Settings", "Custom Attributes", "Search Index Settings" & "Editor Settings" in the Element Settings pane.
EDIT: My mistake. It seems that if you have a separate Navbar, that those settings are only visible there. (That's how the template I used has it.)
Q: How would one make the actual 1st level hyperlink, in this case the word 'Dropdown' be a hyperlink, is it as easy as dropping a link block in and then giving it the css class 'dropdown toggle' ? or am I having a male-blondie moment? thxs