How can I fix the issue with the two page section links not working in Webflow, specifically the Abningstider and Kontakt links in the menu, despite other links working fine?
TL;DR
- Ensure section IDs like "kontakt" and "abningstider" exactly match the menu links and are placed on the intended page.
- Use full paths (e.g.,
/contact#kontakt) for linking across pages, and test links on the published site to confirm correct behavior.
If your “Åbningstider” and “Kontakt” section links are not working on your Webflow site, but other menu links are, it's likely due to an issue with section IDs or incorrect page routing.
Here’s how to fix it:
1. Confirm You're Linking to Sections on the Same Page
- Section links only work if they point to sections on the same page.
- If "Åbningstider" and "Kontakt" are on a different page, the link must include the full URL path (e.g.,
/about#kontakt), not just#kontakt.
2. Check Section ID Settings
- Go to the page where your "Åbningstider" and "Kontakt" sections are located.
- Select the section element, e.g., a
DivorSection. - In the Element Settings panel (D), check the “ID” field.
- Make sure they exactly match the links in your menu:
- If the link is
#kontakt, the section’s ID must be exactly kontakt (case-sensitive, no spaces). - Same applies for
#abningstider.
3. Update Menu Links
- In Navigation menu, select the link block or text link.
- In the Link Settings, ensure:
- Link type is set to Section if the section is on the same page.
- If the section is on another page, use URL and input a full path like
/contact#kontakt.
4. Check Menu Behavior on Page Load
- Webflow won’t scroll to a section if you visit
/#kontaktfrom another page unless that section exists on the target page. - If menu links are pointing to sections not present on the current page, they’ll do nothing.
5. Test on Published Site
- Section links often don’t work properly in preview.
- Publish your site, and then test the links again in a web browser to confirm behavior.
6. Avoid Duplicate IDs
- Make sure there's only one element with
id="kontakt"orid="abningstider"on the page. - Duplicate IDs will cause links to break or scroll to the wrong place.
Summary
To fix broken section links like "Åbningstider" and "Kontakt" in your menu, ensure the section IDs exactly match the link targets, and confirm whether you're linking to sections on the same page or across pages. Use /page#sectionID for cross-page links, and always test on the published site.