iOS Double Tap Bug

Question

Please provide the code adjustments required to fix the double tap bug on iOS.

Reference:

Hello,

Thanks for your Comment.

This actually is not a bug but the Default Behavior of Hover Elements on iOS Devices. This can be disabled easily by adding 2 Lines of Code in the JS Files. So the Hover effects remain intact on Desktops but disable on Touch Devices and do not require Double Taps. We will release an update soon with an option to enable this if the user needs it.

Meanwhile, you can simply visit our Support Forums and Open a Support Ticket and Our Support Team will provide you with the codes shortly.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues. Thanks. :)

SemiColonWeb · Accepted Answer

Hello,

Please find the following code in the js/plugins.hoveranimation.js File:

if( $hoverAnimationEl.length < 1 ){
	return true;
}

and add the following line of code just after the above codes:
[ch_pre type="js"]if( $('body').hasClass( 'device-touch' ) ){
return true;
}[/ch_pre]

This will disable this functionality on Mobile Devices. Hope this Helps!

If you are using the js/plugins.js or the js/plugins.min.js File, you will need to Update the above codes in these Files as well.

Let us know if we can help you with anything else or if you find any further issues.

Ron · Answer

Hello, This worked for the call to action banner at the bottom of some pages, but it did not work for the video overlay element. The video content with the "play" button requiring a tap to view the video still takes two taps on mobile. You can test here: http://justshare.ronkh.com/ Code is applied …

Semicolon Web · Answer

Hello, We have thoroughly checked this out on your Website and we think that the , , and the Classes are causing this. These Classes might be picking up the Default Behavior of the Touch Devices. Additionally, this could also be because of the Attached to the tag for the Video which opens the Light…