Navigation Bar linking

Community resources Webflow Tips
1

Hello. I have purchased a website template which has a NavBar with Nav Menu dropdowns. Within dropdowns there are links. However I do not need that many subpages, so I removed the links from dropdowns but I want the Nav Menu categories to link to desired subpages. I tried googling it and watched some tutorials but what I see on those videos doesn’t seem to exist → the URL section to input links. I keep seeing Nav Menu dropdown settings. Can anybody help me out or send a relevant article, instructions or tutorial? Thank you in advance.

2

Hi there!

There are two ways to manage navigation links in your Webflow project:

Through Element Settings:

  1. Select the nav link you want to modify
  2. Click the Element Settings panel (gear icon) in the right sidebar
  3. Navigate to Link settings
  4. Choose your link type (page, section, external URL, etc.)
  5. Input your desired URL or select your target page

Through Navbar Settings:

  1. Select any element within your Navbar
  2. Look for the Navbar settings in the right panel
  3. Click “Add link” to create new navigation items
  4. Use the remove icon (x) next to existing links to delete them

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

@pvelco This is a common situation when customizing a Webflow template. By default, Nav Menu dropdowns in Webflow are just containers for links (not links themselves). So when you remove the sub-links, you’re left with a dropdown toggle that doesn’t go anywhere — and unfortunately, Webflow doesn’t allow you to add a direct link to a dropdown toggle natively.

How to Make the Dropdown Toggle Itself a Link:

Option 1: Convert Dropdown to a Link Block (No Code)

If you don’t need a dropdown anymore:

  1. Delete the Dropdown element entirely.
  2. Drag in a Link Block or Nav Link.
  3. Style it exactly the same as the original dropdown toggle.
  4. Add your desired page link to it.

This is the cleanest and easiest solution if you’re not using any dropdowns anymore.

Option 2: Use Custom Code to Make the Dropdown Toggle Clickable

If you want to keep the dropdown style/design, but make the dropdown toggle act like a link, use this small custom code:

  1. Select the Dropdown Toggle, give it a class like nav-dropdown-link.
  2. Go to the Page Settings > Before tag, and paste:
<script>
  document.querySelectorAll('.nav-dropdown-link').forEach(function(toggle) {
    toggle.addEventListener('click', function(e) {
      window.location.href = '/your-subpage-url'; // Replace with your actual link
    });
  });
</script>