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
940 86 188

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.

Need help with theme customization or to add a new feature? Hire me
Email: umairabbascs@gmail.com
WhatsApp: WhatsApp
Theme customization | Custom coding | Store Setup | SEO Audit | Speed Optimization | Tweaks & Bugs fixing
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?