data-anim in template bluap only shows after scrolling

Hello,
Class data-anim in template bluap only shows after scrolling. In the demo template this is working correct without scrolling.
I used the original module with original code without override, so what am I doing wrong?
Hopefully you can help me.
Here is the URL of the website
http://www.smulders-polska.pl/

Thanks in advance

code:

Code: Select all

<div data-width="40" data-anim="left"><img src="images/voorpagina/smulderspolska-355x376.jpg" alt="Smulders Polska logo" /></div>
<div data-width="50" data-anim="right">
   <h2 class="gkHeader"><strong>Smulders</strong> Polska</h2>
   <p class="gkDesc">Smulders Polska Sp. z o. o. is a new created company, who has people with large knowledge and industry experience in activities on production market of steel construction. Some say that we have <em>steel in the blood</em> because the work is our passion. Our company derived from international holding <a target="_blank" href="http://www.gsstaalwerken-groep.nl/">GS Staalwerken Group</a></p>
   <a class="button bordered" href="index.php?option=com_content&amp;view=article&amp;id=6&amp;Itemid=112&amp;lang=en">Read more</a></div>

Hi

I've just checked and it's working exactly the same in Your site and at our demo. Animation starts when class "loaded" is being added to elements and this class is added when elements is in the visible part of the screen same as on my video:

Hi,

In my screen nothing happens in my site and with Blueapp. Site slides in from left to right, see attachment in my PM. It's to large to submit

Hi

Animation starts when certain point in passes with browser window, so this is how is supposed to work. If You wish to force it to show after page load instantly than just remove "data-anim" with it's values from code.