Dropdown menu collection list link error

I have created a navbar component housing a dropdown menu that I am trying to link to a collection list with dynamic pages, but unfortunately after linking the pages they are directing to a 404 error page.

Screenshot 2024-03-04 at 7.34.25 PM

If anyone can help I would really appreciate it!

can provide read only link so we can better understand it ?

https://preview.webflow.com/preview/ekklesia-of-jesus-christ?utm_medium=preview_link&utm_source=designer&utm_content=ekklesia-of-jesus-christ&preview=9e16713a4bcb6a19ef378b3f4504b854&workflow=preview

I sent the read only link if you could take a look!

Your nav is inside of a component, and you’ve connected your links to a component property, so they’d all get the same link ( which is probably un-set ).

Instead you want to un-link that, and link them to collection list properties which you can see just below that.

Most likely you want to click the purple page icon and link to the appropriate CMS page? But I have not looked at your CMS data to guess your intentions.

I could not figure out how to unlink the navbar, it didn’t seem to be linked to anything, but what I did was deleted the component. Then, rebuilt the navbar, added the CMS collection, and tested to see if it worked. Once it was working, I saved the navabar as a component and this worked.

Your component wasn’t linked to anything, your nav items were linked to unset component properties.