I am using Enfold 3.8.4 with WordPress 4.7.1(the issue started with 4.7) on 20+ sites (I have 23 licenses) and this behavior is consistent through all that use the lightbox option. I have a test site available if we need it but the easiest place to observe the issue is here: http://www.michaelalbany.com
Choose any gallery or just scroll down to Recent Work on the home page. Click on any image and it will popup as expected, in a lightbox. On a laptop, PC, iMac, all work perfectly. Do the same thing on an iOS based mobile device and the image disappears. When you touch the screen and scroll just a tiny bit it comes back and you can touch and drag to recenter the image. Tap the arrows for forward or back and the same behavior is repeated, image disappears and then comes back on touch & scroll.
I have tested this on both Chrome and Safari and it is the same on both. This is only on iOS though! I have a friend with an android and that seems to work fine. I checked with a friend over 2000miles/3200km away, same behavior on her iPhone and no problems on her boyfriend’s android. This happens on both iPad and iPhones using iOS 10.2, the latest updates on browsers, OSs, Enfold, and WP.
All are using Masonry Gallery.
More in Private Content
Hi Michael!
Please add following code to Quick CSS field in Enfold theme options > General Styling tab
.mfp-img {
-webkit-animation: none !important;
animation: none !important;
}
We will include the fix in upcoming Enfold update :)
Cheers!
Yigit
Thanks Yigit! That fixed it!
Please close this ticket. (trying not to forget to ask you to do that from now on)
Hi,
Glad we could help!
We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)
Best regards,
Vinay