Do you know how to fix the issue with the section links not jumping to the correct section in Safari for Mac on a Webflow site?

Published on
September 22, 2023

To fix the issue with section links not jumping to the correct section in Safari for Mac on a Webflow site, you can try the following solutions:

  1. Verify the section IDs: Make sure that your section IDs are correctly assigned. Each section that you want to link to should have a unique ID. To check this, click on the section and go to the settings panel on the right. Under the "Element Settings" tab, you'll find the "ID" field. Make sure that the ID is unique and doesn't contain any special characters or spaces.

  2. Update the link URL: Double-check that the link URLs in your navigation menu or any other clickable element are set correctly. The link URL should match the section ID preceded by a "#" symbol. For example, if your section ID is "about", the link URL should be "#about". It's essential to include the "#" symbol to indicate an internal link.

  3. Disable smooth scrolling: Safari for Mac has smooth scrolling behavior enabled by default, which can sometimes interfere with section links. To disable smooth scrolling for a specific section or the entire site, add custom code to the site's project settings or page settings. Use the <style> tag and include the following code:

html {  scroll-behavior: unset !important;}
  1. Clear your browser cache: Sometimes, cached or outdated files in your browser can cause issues with section links. Clear your browser cache and try again to see if the issue persists.

If none of the above solutions work, it's recommended to reach out to Webflow support or their community forum for further assistance. They have a dedicated team that can help troubleshoot specific issues and provide guidance tailored to your Webflow site.

Remember to test the section links in multiple browsers, including Safari on Mac, to ensure they're functioning correctly for all users.

Additional Questions:

  1. How do I add section links in Webflow?
  2. Why are my section links not working in Safari on Mac?
  3. How do I customize smooth scrolling behavior in Webflow?