How can I create clickable links in the top nav menu of a Webflow template that currently has dropdowns with links?

Published on
September 22, 2023

To create clickable links in the top navigation menu of a Webflow template that already has dropdowns with links, you can follow these steps:

  1. Go to your Webflow project and open the project editor.

  2. Select the dropdown element in the top navigation menu that you want to add a clickable link to.

  3. Inside the dropdown element, you'll find a list of link items. Each link item represents a dropdown option. Locate the link item that you want to make clickable and select it.

  4. In the right sidebar panel, under the Settings tab, you'll see the Link Settings section. Here, you can add a link to the dropdown option.

  5. To create a clickable link, click on the "Set link" button.

  6. A modal will appear, providing you with different options for setting the link. You can choose to link to a page within your Webflow project, an external URL, or even a section on the current page. Select the appropriate link destination and configure it accordingly.

  7. Once you have set the link, click on the "Save" button to apply the changes.

  8. Repeat this process for each dropdown option that you want to add a clickable link to.

By following these steps, you will be able to create clickable links in the top navigation menu of your Webflow template, while still retaining the dropdown functionality for other options. This allows your visitors to navigate directly to specific pages or external URLs without needing to open the dropdown menu.

Additional Questions:

  1. How can I add a clickable link to a dropdown option in Webflow?
  2. Can I make specific dropdown options in my Webflow template clickable?
  3. Is it possible to add both dropdown functionality and clickable links to the top navigation menu in Webflow?