Jump to content

Anchor Buttons not working on Mobile format

Recommended Posts

The anchor buttons are no longer working on our site! They have been, I made a few edits (although nothing relating to the code of the site), and now they're no longer working!

I've tried contacting support and they have no solution - they just say they're working on it but they're not sure of a timeframe.

On our homepage (https://www.patchfitness.co.uk/) we have a banner that should click through to the contact section at the bottom, or via the 'Contact' on the burger menu.

 

Also on the https://www.patchfitness.co.uk/get-started on the 'Sign up' button, this should click through to the bottom contact form.

 

Does anyone have any suggestions please?! This is the only way for people to get in contact, so keen to fix it ASAP.

 

Thanks in advance!

 

PS. I have played with the code slightly over the last couple of days, so may have made things worse (definitely not better)! But the anchor links stopped working before any adjustments were made

Link to comment
  • Replies 4
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Hi,

It is fine to me. Do you use iPhone?

Recently there is problem with anchor links on iPhone

You can add this code to Website > Website Tools > Code Injection > Footer to fix problem

<!-- 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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...
On 9/7/2023 at 9:34 AM, tuanphan said:

Hi,

It is fine to me. Do you use iPhone?

Recently there is problem with anchor links on iPhone

You can add this code to Website > Website Tools > Code Injection > Footer to fix problem

<!-- 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>

 

Hi,

I really want to find a solution to the Safari problem. I have tried to put your code in the Footer, but I don't see any change. Is something missing?

https://www.nordicdramaqueens.se
pass: ndq2022

I want the page to Scroll down from the /About.

 

Link to comment
On 9/22/2023 at 9:25 PM, davidrd85 said:

Hi,

I really want to find a solution to the Safari problem. I have tried to put your code in the Footer, but I don't see any change. Is something missing?

https://www.nordicdramaqueens.se
pass: ndq2022

I want the page to Scroll down from the /About.

 

Hi,

It scrolls fine to me. It doesn't work on your mobile device or?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.