Link to a section on nav bar

This is the issue: apparently the only way to successfully link a nav bar menu item to a section in a multi-page site is to put a full link (something like https://www.website.com/page#section). The problem is that this will reload the whole page even when the link is invoked on the same page. Webflow should know whether the target section is on the page already being displayed: if the section is on the same page, it should just scroll to the section. If the section is is a different page it should load that page and then scroll to the section. Right now it always reloads the whole page, even if it already being displayed.

I know you can get around this by creating different nav bars for different pages, but this is a messy solution (multiple nav bars in the same project is very problematic, and more work)

Thanks


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like

That is not true :slight_smile:

If this is where you want to link to, you can put a link that looks like this:
/page#section
This link will not reload the page.

Thanks. I just figured this out. These are my conclusions:

Links for sections in the homepage must be formatted: /#section

Links for sections on any page other than the homepage must be formatted: /page#section

The link: /homepage#section will NOT work

Links in the format: https://www.mywebsite.com/page#section will always work but will always reload the page

I still think it would be nice that when linking a navbar menu item to a section in a multipage site, Webflow would automatically adjust the code so that the link is not dead when invoked from a page different from the one where the section is. Minor change but it might help other people in the future (and avoid dead links).

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.