fadeIn animation doesn't seem to work in mobile browser sizes

Question

I'm using the Canvas template, including some elements of the page that use the "fadeIn" animation. My problem is that the animations don't seem to work on mobile browser sizes. Am I missing something? Is there a way to fix this?

Thanks!
Ryan

SemiColonWeb · Accepted Answer

Hello,

Simply find the following if/else block in the js/functions.js File inside the animations: function() Function Block:

if( $body.hasClass('device-xl') || $body.hasClass('device-lg') || $body.hasClass('device-md') )

and delete it and place the contents of the Block outside.

This will enable the animations on all devices. Hope this Helps!

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