If you have a “double tap” problem with hover effects on iPad or iPhone, put the following lines of code in your HEAD-section:

<script type="text/javascript">
  document.addEventListener('touchstart', function() {}, true);
</script>

…then you have to add these styles to your stylesheet:

*:hover,
*:active {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

Leave a Reply

Your email address will not be published. Required fields are marked *