I'm having an issue with anchor links on the following site: https://carolechevalier.co.uk
On the site linked above, there are links in the Services section which link to particular sections of the English and French Services pages.
These links work as intended when testing in the following browsers:
✅ Chrome and Firefox on desktop (macOS)
✅ Chrome on Android
But they don't work in the following browsers, instead they send the user to the top of the linked page:
❌ Safari on desktop (macOS)
❌ Chrome and Safari on iPad
The template used is Brine, I've turned off Ajax loading through the site styles, the sections I'm linking to are sections within index pages so I'm using their unique id as recommended by Squarespace, "www." prefix has been turned off and I've made sure that the URLs don't include the "www.", and the URLs have a / between the page slug and the #.
I've tried a few different ways of writing the URLs, and I've tried using simple code blocks with an empty div and giving that an id instead of using the section id, but each time the result is the same: Works in some browsers, but not in others.
Anybody found a fix or workaround yet? I've searched, but a lot of the solutions use code injection, which I can't do as the site is on a Personal plan.
Edit: My post was merged with this topic, and it seems like we're all facing the same issue. Safari might not be the only problem though, as I'm seeing it in Chrome on iPad too.
To rule out old 7.0 Squarespace sites being the issue, I've also tested on my own site, which is built on 7.1 Fluid Engine, as seen on the following page: https://www.victoryoverall.co.uk/anchor-link-page
Each button should link to the relevant section on another page, but the issue persists.