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 "abningstider" and "kontakt" exactly match their corresponding link targets in spelling and capitalization.
- For links across pages, use the correct format (e.g.,
about#kontakt), republish the site, clear your cache, and confirm no elements block the target sections.
The issue of specific section links (like Abningstider and Kontakt) not working in Webflow while others work fine is usually tied to link targets, spelling, or page-to-page section linking issues.
1. Confirm Section IDs Exist and Match Exactly
- Go to the page where the Abningstider and Kontakt links should scroll to.
- Select the corresponding section.
- In the Element Settings (gear icon) panel, check the ID field under “Element Settings.”
- Make sure the ID matches the link value exactly, e.g., if the link goes to
#kontakt, then the section must have ID "kontakt" — capitalization matters.
2. Check Link Settings in the Navigation Menu
- Select the Abningstider and Kontakt link blocks in your Navbar or Menu.
- In the Link Settings Panel, ensure the Page Section is linked properly.
- If it’s a Page Section on the same page, select the correct section ID from the dropdown.
- If it links to a section on another page, format it as:
about#kontaktorindex#abningstider.
3. Fix Cross-Page Section Linking Format (if applicable)
If Abningstider and Kontakt are on a different page than the menu itself, use this format for the link:
- Correct Example:
about#kontakt(for the Kontakt section on the ‘About’ page) - Make sure there’s no leading slash unless needed (
/about#kontaktmight cause issues in Webflow’s published site) - Test linking by pasting the full path in browser to ensure it's working:
www.yoursite.com/about#kontakt
4. Publish Again and Clear Cache
- After correcting links and IDs, Publish your Webflow site.
- Then refresh the published site in an incognito window to test links. Browser cache might retain the broken behavior.
5. Check For Overlapping Elements or Click Blocking
- Use Preview Mode in Designer to ensure no other element (like a fixed navbar or animation wrapper) is blocking interaction with the Abningstider or Kontakt sections.
- Try using Webflow’s Navigator Panel to see if other elements are stacked above the target sections.
Summary
Ensure the section IDs exactly match the link values, especially for Abningstider and Kontakt. If linking to sections on different pages, use page#sectionID format. Finally, republish your site and test to verify proper scroll behavior.
