How can I troubleshoot the issue with my login button on the navbar in Webflow consistently redirecting users to the wrong page, even though I have set the link to a different page?

TL;DR
  • Edit the navbar symbol directly to update the login button link correctly across all pages.  
  • Double-check button link settings, publish changes to both domains, and clear browser cache or test in incognito.  
  • Inspect for any custom code or redirects affecting the button, and verify live site behavior using Developer Tools.

Your login button in the Webflow navbar is redirecting to the wrong page, even though you've set the correct link—this usually points to issues with symbol overrides, custom code, or publishing inconsistencies.

​

1. Check the Navbar Symbol

  • If your navbar is a symbol (a reusable component), updating the link in one page may not update it site-wide unless you edit the symbol directly.
  • Go to any page where the navbar appears. Double-click the navbar symbol to enter editing mode.
  • Click the login button and ensure the link is correctly set.
  • Apply the change, then publish the site again.

​

2. Inspect the Button Link Settings

  • Select the login button and look at the Element Settings panel (gear icon).
  • Ensure the correct Page is selected in the “Page” dropdown (not an external URL).
  • If it’s linked via a custom URL, double-check for typos or issues like missing slashes (e.g., use /login instead of login).

​

3. Publish All Changes

  • After making updates in Webflow, you must publish the site for changes to take effect.
  • Click Publish, then choose both your main domain and the Webflow.io staging domain to ensure consistency.

​

4. Clear Browser Cache or Test in Incognito

  • Sometimes browsers cache the old version of the navbar:
  • Try opening the site in an incognito/private browsing window.
  • Or clear browser cache and reload the site.

​

5. Check for Custom Code

  • Go to Page Settings or Project Settings > Custom Code.
  • Look for any JavaScript or redirect logic that may override the login button’s behavior.
  • If present, confirm it’s not redirecting or interfering with the login button click.

​

6. Test in Webflow Preview & Published Site

  • Use Webflow's Preview mode to test the button.
  • If it behaves correctly there but not on the live site, your issue is likely due to a publishing delay or caching.

​

7. Browser Developer Tools

  • Right-click the login button on the live site and choose Inspect.
  • Confirm the button has the correct href or click behavior.
  • If the live site shows a different href than Preview mode, there's likely a publishing issue or symbol override not applied.

​

Summary

Edit your navbar symbol directly, confirm the login button link, publish site-wide, and verify there is no conflicting custom code or browser caching issue. Use Developer Tools to ensure the live site reflects your Webflow settings.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I accurately determine when Lottie Animations on a Webflow page are fully loaded and ready to be displayed? I have tried using the window.load() event with JavaScript, but it fires before the .json files are finished downloading. I need a solution to create a preloader that disappears when the Lottie animation is loaded and displayed on my website.
How can I fix an issue where the menu is not present on my Webflow site when published, even though it works fine in preview mode? I've tried rebuilding the interactions, removing custom code, and rebuilding the menu, but nothing seems to work. Can you please help me?
How can I create specific links to different parts of my e-commerce website on Webflow? Currently, I only have the option to link to the homepage when using the link settings.
How can I configure Webflow so that the preloader only appears during the first visit to the website?
How can I host a javascript for use in Webflow since the tutorial I found on the forum that uses Github is no longer available?
Is it possible to edit the color of an SVG pictogram directly in Webflow and can the color also be changed using animations?
What is the best way to add Schema to clients' websites using Webflow, without having to export the files and manually add them to the code each time there is an update to the website?
Is it possible to block access to my Webflow website for certain countries using a code or third-party tool?
What is the code to cancel the default form handling in Webflow and replace it with custom actions?
What are the added functionalities of the custom multi-step form built in Webflow and how can I check it?
How can I set up anchor links and scroll to specific sections in Webflow, with the right div having overflow scroll, and the corresponding link highlighted when a section is in view?
When will subscription elements be introduced into e-commerce on Webflow and are there any details available about the functionality?
Is there a way to remove the "Made in Webflow" badge from the Webflow pages plugin in Wordpress without affecting the integration with Intercom?
How can I trigger Webflow animations through code?
Why are the thumbnail images not displaying on certain projects in the exported version of my Webflow portfolio site, specifically on mobile, when they appear fine in the Webflow preview?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?