Linking my CMS project pages to a dropdown

Design help General
1

https://preview.webflow.com/preview/kevinkeiper-b955e59cd8503-b9d2cf1a48cb9?utm_medium=preview_link&utm_source=designer&utm_content=kevinkeiper-b955e59cd8503-b9d2cf1a48cb9&preview=4c2478fa9ddf22e86e84a11663805b4f&pageId=662bffe00d34590c514f72ae&itemId=662bffe00d34590c514f7396&locale=en&workflow=preview

Here is the link to my project.

If this has already been answered let me know. I am trying to create a dropdown menu which goes to the project pages in my CMS. One dropdown link to each CMS page. Simple, but I have not found a simple concise explanation step by step how to do this. thanks, -Kevin

1 Like
2

Hey Kevin, basically;

  • Expand your dropdown so that you can edit it
  • Drop a collection list inside
  • Bind it to your CMS collection
  • Drag a dropdown link inside the collection list from your dropdown
  • Bind the text and link to your dropdown link inside the CMS item the way you want

For the link you’d link to the “current CMS page”.
You can adjust filtering and sorting
You’ll get a max of 100 items but that’s far too many for a normal dropdown nav

1 Like
3

Thank you Michael really appreciate your answer, I’m not clear on a few details. Your 4th bullet point ‘Drag a dropdown link inside from your dropdown’ I do not understand this instruction. Can you please kindly rephrase it or give some details?

1 Like
4

If you’ve created a dropdown nav, it comes with 3 dropdown links initially. You can duplicate those, I don’t think there’s a way to create a new one in exactly the same way.

5

Thank you, but let me try to understand. The default ‘dropdown’ element as dropped in, does have like 3 default options. when you say to drag a dropdown link, what do you mean exactly? sorry these little details mean everything :) the cms list i want to reference has a bunch of elements in it which i can see referenced when i drag the CMS list inside of the dropdown, but when then?

1 Like
6

Look at the instructions I gave, they’re pretty detailed.
If you’re not familiar with how to use collection list, Webflow university has a ton of courses you’ll really benefit from.

7

I am familiar with collection lists. Do I put the list in the dropdown, or do i put the dropdown in the list? :)

8

Hey Michael, not sure if you’ll be notified of this but I think I figured it out, but… now the dropdown is hidden behind other text on the page… i tried the z index property but this is not working… what might i try? thanks for your help :)

1 Like
9

By itself with a native nav setup, you wouldn’t have any issues. Either you’ve modified the z-index on the nav, or you have other content just below the nav that has a z-index higher than the dropdown.