Bug: Portfolio Mobile Video Tap Not Working

Question

When the following page is viewed on a mobile device, tapping the video images does not trigger the hyperlink to load the video.

Link: http://justshare.ronkh.com/portfolio

The code was taken from the Portfolio page example.

When viewing on desktop dev tools using Chrome, and setting the viewport to emulate an iOS device, tapping (clicking) the image takes me to the youtube link. Performing the same action on an actual mobile device results in the tap not working.

The only custom adjustment I have applied is the code you recommended in my other ticket here:

http://support.semicolonweb.com/forums/topic/ios-double-tap-bug/

Any advise?

SemiColonWeb · Accepted Answer

Hello, This is due to the DIV added to the Portfolio Item. Since you are not using the Hover Animation anymore on Mobile Devices, you will also need to hide it using the Bootstrap Display Utility Classes: https://getbootstrap.com/docs/4.5/utilities/display/ . Simply use the and Class on the DIV and this issue should be resolved. Or, you can also use the following CSS Code to target only Touch Devices: This will definitely work fine. Hope this Helps! Let us know if we can help you with anything …

Ron · Answer

This worked, thank you so much.