title: Mobile / Tablet IOS forces double tap on certain links and elements
body: <p>Client is saying that certain links require 2 taps on mobile and Ipad (ios). 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.</p>
  <p>I've done many google searches, even read many articles on this website tackling this issue, but can't seem to find a fix for my specific instance of it. It appears to have to do with hover states. Is there no workaround? Generally what I am seeing is on a button, a link, or image that I have assigned a &quot;hover&quot; effect to, whether it be color change or opacity, when I tap on IOS the hover state triggers before the link. I don't remember this being an issue in the past. Maybe there is something I can do to keep the hover states, because sometimes (especially on the &quot;stories&quot; page) the hover state is the only thing indicating that you can interact with an object.</p>
  <p>PASSWORD for the links below : viewthisthing</p>
  <p><a href="https://pfp-dev.myshopify.com/pages/physical-therapists" rel="nofollow noreferrer">https://pfp-dev.myshopify.com/pages/physical-therapists</a> - Bottom button</p>
  <p><a href="https://pfp-dev.myshopify.com/pages/contact" rel="nofollow noreferrer">https://pfp-dev.myshopify.com/pages/contact</a> - &quot;contact us any time at..&quot; the mailto link requires double tap</p>
  <p><a href="https://pfp-dev.myshopify.com/pages/stories" rel="nofollow noreferrer">https://pfp-dev.myshopify.com/pages/stories</a> - The bottom portrait grid has a opacity hover effect on desktop - mobile requires 2 taps
  AND MORE.</p>
  <p>My website where you can see that the links work while simultaneously triggering the hover states:
  <a href="http://www.lancewalkerdesigns.com" rel="nofollow noreferrer">www.lancewalkerdesigns.com</a> - 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.</p>
  <p>Super confused as to why it works on mine and doesn't work on my clients.</p>