Having to click buttons twice on mobile site

WithLuke
Excursionist
33 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
1106 101 223

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.

WithLuke
Excursionist
33 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?