3 replies · opened Dec 1, 2020
Slide and fade-in animations are not working on iPhone (Safari / iOS 14.2).
It is fine for me to disable animations for mobile devices, but this code I found, also does not work:
if( $animationEl.length < 1 ){
return true;
}
if( $(‘body’).hasClass(‘device-xs’) || $(‘body’).hasClass(‘device-sm’) || $(‘body’).hasClass(‘device-md’) ) {
$animationEl.addClass(‘animated’);
return true;
}Hello,
We have checked this out and it appears to be working perfectly fine for us (see attached). We are not sure why this is not working for you but this issue appears to be device-related or some setting. Consider checking this on a different device.
Additionally, regarding the JS Codes to disable the Animations on Mobile Devices, we could not find the updated codes in the js/plugins.min.js File. If you are using the js/plugins.min.js File, make sure that you update the js/plugins.js File according to the new codes as well and then minify the Codes using this Website: https://javascript-minifier.com/ and then replace the codes in the js/plugins.min.js File with the new minified codes. You can find more ways to include Javascript here: http://docs.semicolonweb.com/docs/getting-started/javascript/ .
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
The text between the titles and "read more" links doesn't appear on your device either.
Hello,
Since this is a Read More DIV, the actual content is hidden which is interfering with the Animations on Mobile Devices. So it is recommended to disable Animations within a Hidden Content to avoid any issues as Browsers only apply JS events on Visible Content.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard