Anchor link is not working on mobile

Hello, not sure what the problem is but I added an anchor tag linked to an id in one of my pages. In desktop, when i click on this anchor tag my browser opens the new page and sends me to the specific part of the page I need. But on mobile, it simply opens the new page from the beginning.

My website is https://www.anakarinawrites.com/ and it's this particular url https://www.anakarinawrites.com/author#block-yui_3_17_2_1_1664972021996_698108 that just wont open on mobile. Any help?

Hi @Ana_writes,

Anchor links will behave different in mobile browsers. You can change the format of the anchor link t make it work in mobile like /pageslug#unique-id or #unique-id. Here's a guide with more information: 

https://support.squarespace.com/hc/en-us/articles/207135178-Creating-anchor-links#toc-anchor-links-on-mobile

Hi there! After I published the site, the anchor links stopped working on the mobile version, they work well in desktop. When you click on any nav link in the menu on the mobile version, it just takes you back to the home page but not to the right section. Anyone else going through this?  The site is https://www.bodyflowstudio.co.nz/ and I have an Iphone

It works fine to me. Did you solve it?

I am having the same issue with anchor links not working on the safari browser (mobile or desktop). they worked great for a year and then I tried to install a PipeDrive chat bot and they all stopped working over night. Now all 70+ of my buttons are not working. Would appreciate any advice for https://www.outsidelife.com

Still doesn't work on my iphone or Safari on desktop... I might have to contact Squarespace and see if they have a solution, will post here if I find one!

I'm having the same problem. Links had been working properly previously, but all the sudden only go to the top of the page. Another forum said it's an Apple Issue with a recent update with Safari, but the anchor links aren't working for Chrome mobile either--only on desktop.

11 hours ago, April_P said:

I'm having the same problem. Links had been working properly previously, but all the sudden only go to the top of the page. Another forum said it's an Apple Issue with a recent update with Safari, but the anchor links aren't working for Chrome mobile either--only on desktop.

On 8/26/2023 at 6:32 AM, nataliafpereyra said:

Still doesn't work on my iphone or Safari on desktop... I might have to contact Squarespace and see if they have a solution, will post here if I find one!

 

On 8/26/2023 at 2:33 AM, OLT said:

I am having the same issue with anchor links not working on the safari browser (mobile or desktop). they worked great for a year and then I tried to install a PipeDrive chat bot and they all stopped working over night. Now all 70+ of my buttons are not working. Would appreciate any advice for https://www.outsidelife.com

use this code to Code Injection > Footer

<!-- by @nhannhot-tuanphan -->
<!-- fix anchor links on iOS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(() => {
function scrollToAnchor(aid){
    var aTag = $(aid);
    $('html,body').animate({scrollTop: aTag.offset().top},'slow');
}

scrollToAnchor(location.hash);
})
</script>

@tuanphan Is there a way to make the code jump straight to the section, not scroll? 

9 hours ago, JennieHC said:

@tuanphan Is there a way to make the code jump straight to the section, not scroll? 

it will always scroll, just scroll fast or slow

Hello, 

I am having issues with an anchor link on this site. The 'menus' link in the nav bar scrolls down to a module on the homepage. It initially worked great on both desktop and mobile, but now it has completely stopped working on mobile. Any idea how I can fix this?

Thanks! 

It works on my Android. Do you use iPhone?

You try adding this code to Last Line in Code Injection > Footer

<!-- by @nhannhot-tuanphan -->
<!-- fix anchor links on iOS -->
<script>
$(document).ready(() => {
function scrollToAnchor(aid){
    var aTag = $(aid);
    $('html,body').animate({scrollTop: aTag.offset().top},'slow');
}

scrollToAnchor(location.hash);
})
</script>

I have an iPhone.
Just added the code you provided and it didn't fix the issue. Any other ideas?

Thank you! 

I notice that your links on the home page are /home/#menu

I suggest you change those to /#menu

Let us know how it goes.

It worked only once after updating the link to just /#menu. I reloaded the page afterwards and it stopped working again.

On 9/26/2023 at 12:51 PM, Aranxza said:

It worked only once after updating the link to just /#menu. I reloaded the page afterwards and it stopped working again.

You try using full url

https://www.goldfinchsebastopol.com/home/#menu

or

https://www.goldfinchsebastopol.com/home#menu

Hi there, 

For anyone having problems with this, I created a solution for a client's website and mine. 

Whilst I am testing out the effectiveness of the installation guide this December (2023), I'm offering a 15% discount for testers. You can check it out here:

https://www.maryphilip.com/squarespace-code-shop/p/fix-anchor-link-issue-mobile-squarespace

Discount code: THANKSTESTER for 15% off.

🙂 

Hi there, 

For anyone having problems with this, I created a solution for a client's website and mine. 

Whilst I am testing out the effectiveness of the installation guide this December (2023), I'm offering a 15% discount for testers. You can check it out here:

https://www.maryphilip.com/squarespace-code-shop/p/fix-anchor-link-issue-mobile-squarespace

Discount code: THANKSTESTER for 15% off.

🙂 

Hi there, 

For anyone having problems with this, I created a solution for a client's website and mine. 

Whilst I am testing out the effectiveness of the installation guide this December (2023), I'm offering a 15% discount for testers. You can check it out here:

https://www.maryphilip.com/squarespace-code-shop/p/fix-anchor-link-issue-mobile-squarespace

Discount code: THANKSTESTER for 15% off.

🙂