FROM CACHE - en_header

Having to click buttons twice on mobile site

WithLuke
Excursionist
29 0 7

www.withlukestudios.com

no pw

On mobile, sometimes I have to click "buy it now" twice before it registers me clicking it with finger, this is something to do with the hover css.

Does anyone know how to disable this feature so I just require a single click?

 

Many thanks!

Replies 4 (4)
UmairA
Shopify Partner
1071 97 215

Hey there @WithLuke,

Did you make any changes to theme.js file? I can't check the event checker disruption from here but I guess it wouldn't be this way on fresh theme.

Hire me for: Shopify Development | Conversion Rate Optimization | Custom Coding
umairabbascs@gmail.com || WhatsApp || LinkedIn
Want to 2X your store's sales with a highly converting design & stunning user experience? Contact me for FREE consultation and store audit!
WithLuke
Excursionist
29 0 7

Hi!

No, not to my knowledge, I just checked and nothing added at the bottom of it.

https://www.powderkegwebdesign.com/ever-wonder-links-mobile-browsers-require-click-twice/

This sounds like something similar?  

The solution proposed is this:

 

@media (max-width: 920px)    {
   .mylink:hover{
      .hide { display:none !important; }
   }
}

 

I tried this, it didn't do anything adding it to my theme css file?

error1
New Member
1 0 0

I’m having this same issue on mobile devices www.errorlife.com customer are telling me that one everywhere on the site does not work any ideas

joyce11
Excursionist
35 0 7

Hello, I'm having the same problem and believe it is the hover effect causing it. Did you ever find a solution?