I've read the articles on stack, done a bunch of googling. Cannot for the life of me figure out why on my clients site when you tap certain links on IOS devices (possibly android, don't have 1 to test) it triggers the hover state first then you have to tap again to trigger the a link. The weirdest part about this is that on my personal website I use hover effects and many similar code blocks, and the hover animation triggers AND the link triggers when I tap on mobile.
PASSWORD for the links below : viewthisthinghttps://pfp-dev.myshopify.com/pages/physical-therapists
- Bottom buttonhttps://pfp-dev.myshopify.com/pages/contact
- "contact us any time at.." the mailto link requires double taphttps://pfp-dev.myshopify.com/pages/stories
- The bottom portrait grid has a opacity hover effect on desktop - mobile requires 2 taps AND MORE.
My website where you can see that the links work while simultaneously triggering the hover states: www.lancewalkerdesigns.com - the portfolio grid section is a great example. On desktop its a hover state to show the link, on mobile its shown by default. The link works perfectly.