Anchor Buttons not working on Mobile format

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

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>

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.

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?

14 minutes ago, tuanphan said:

Hi,

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

I have tried multiple devices all running the latest version of iOS 17. Also Safari 16.6 on macOS Ventura 13.6 and Safari Technology Preview 17.0. Same issue.

I have attached a short clip showcasing the problem.