Double click links on mobile

Hello - I am trying to solve for the double-click links on mobile that is happening when trying to navigate portfolios on mobile. The pagination links require clicking twice to actually navigate.

This post says it may be the site animation but how can I turn off site navigation for pagination on mobile only? or on the mobile site as a whole on mobile only? Is there a better way to solve for the double-clicking of links on mobile to make it single-click?

Site: https://ocelot-tomato-8d52.squarespace.com/portfolio1?password=ginger

Can you share your website URL?

Post updated 

Site: https://ocelot-tomato-8d52.squarespace.com/portfolio1?password=ginger

Thanks for sharing, though I can't replicate the problem. It is just on a specific device?

Do you have any code for hover effects?

@ZiggyWe are using iOS and it's specifically the pagination links to nav between portfolios - requiring a double click when trying to navigate on mobile. Works fine with single-click on desktop.

No code for hover effects, although site animations are turned on.

On 3/23/2023 at 2:48 AM, unavolta said:

@ZiggyWe are using iOS and it's specifically the pagination links to nav between portfolios - requiring a double click when trying to navigate on mobile. Works fine with single-click on desktop.

No code for hover effects, although site animations are turned on.

Were you able to resolve this issue? I'm having the same problem

@nadiamcleod88 Not yet!

I'm still unable to replicate this, I would suggest contacting Squarespace Support if it continues to be a problem:

https://support.squarespace.com

Having the same problem, very frustrating.

On 4/16/2024 at 11:43 AM, mike.bj said:

Having the same problem, very frustrating.

Recently a friend sent me this code, he said the code fixed problem, so you can try it.

Add the code to Website > Website Tools > Code Injection > Footer

<script type="module">
   if (/iPad|iPhone|iPod/.test(navigator.userAgent)) {
     document.addEventListener("touchstart", function(){});
   }
</script>