mike.bj

You try this
https://forum.squarespace.com/topic/259523-mobile-buttons-and-links-require-2-taps-to-work/?do=findComment&comment=737991

Here's an example @mbockmaster @bradgood
RPReplay_Final1713238983.mov

Hi @mbockmaster - thank you for the CSS.

Is it possible to check how I'd need to configure the CSS for this to work on text links within the projects pages? The project page bottom navigation between projects and any text links on the page all seem to require 2 clicks after page load to start working. Thank you for any help!

Hi, I have the same issue. It isn't acceptable for client sites.
How can turning off something that gives the website some movement be an adequate solution. I can't understand how this isn't an immediate priority. It's like a lot of people complain about it but they won't acknowledge how bad an issue it is or if it even exists.
I know they've said they've sent to dev but it's still happening. I'd say a lot of sites would lose traffic because users would just get annoyed. 
Some links like top nav never seem to do it, but then other places around the site don't work on first click on mobile. I'm using iphone 12 promax with latest OS and chrome browser.
Did you manage to work out any code to fix it? That would be a life saver because I've got angry clients....like platform deal breaker issue.

@tuanphan Thank you for this code. Had the same problem and came across it. Works perfectly, you have some serious talent!

Have you found a solution to fix yet?

On 2nd support try, Squarespace was able to replicate the issue, and escalated it to engineering & design. 

My client is not ready to make this site public yet, so I'm sorry I can't provide a link. 
On mobile, a text link (going to the contact page) works fine on the computer; however, on both my iPhone 14 Pro Max and my client's iPhone 8 (!!), the link requires a double tap to go to the destination the first time the site is opened. 
Then, the browser... or something... seems to "learn" the destination, and it's fine. Happened on both Safari and Duck mobile browsers. 
Support was not able to replicate this issue; I'm at a loss. No problem with requiring a double tap on footer links. Sooooo, as recommended, I am working through "Troubleshooting browser issues," but what are the chances of this happening on both phones?
Re-created the link several times, the same issue. I know I can make a button and be done with it, but this is exceedingly strange—never encountered in my six-year building history. 
The footer links work fine! Support says that this is a phone/browser issue and outside their scope. 
Edited to add: This also happens with the button on mobile! Requires two taps.

A client reported a bug on our site where they had to click twice for any given button to work.
I was able to replicate the bug about 50% of the time on mobile. Sometimes I would need to click twice. Other times not. It happens usually the first time the site is loaded on Chrome, Firefox, and Safari. Didn't seem to matter which button size.
I looked around and was not able to find much other than something about "Turning Off Animations" but as I am on 7.0 I do not see anything like that.

Is this a known issue and are there any work arounds?
Obviously it is an understatement as to how incredibly important it is that the "Request a Quote" button works the first time, every time, all the time, and I am willing to do anything digging to smooth this out.
Thank you for any tips!

Add this to Website > Website Tools > Custom CSS
/* Masonry one item on mobile */ @media screen and (max-width:767px) { .gallery-masonry-item-wrapper { height: auto !important; margin-bottom: 10px !important; } figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; } .gallery-masonry-item-wrapper { height: auto !important; } .gallery-masonry .gallery-masonry-item[data-loaded] img { width: 100% !important; } .gallery-masonry { padding-left: 10 !important; padding-right: 10 !important; } .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; }}  

Same issue here, 1 year later. was hoping to find a reply. 

Hi Paul, thank you for the tip, that's great.
Noticed on mobile view, when you have the Sidebar option selected - it seems to display the categories as a list at the top.
Hoping to learn if there's a way to change it so if there are lots of categories it displays as a dropdown?
Thank you for any insight! Mike.