DATA SCROLL REAVEAL no working?

Dear Team,
I can't make working the scroll reveal function in this template.
I've checked scrollreveal.js and it is added in the head.php

For example I added in k2 item the following:

<ul class="gk-features" data-cols="4">
<li data-scroll-reveal="enter bottom and move 50px over 0.4s after"><strong>100% Satisfaction_Guaranteed</strong></li>
<li data-scroll-reveal="enter bottom and move 50px over 0.4s after 0.2s><strong>Free Delivery_{Anywhere worldwide}</strong></li>
<li data-scroll-reveal="enter bottom and move 50px over 0.4s after 0.4s"><strong>Students get 10% Off_{Lorem ipsum dolor sit amet}</strong></li>
<li data-scroll-reveal="enter bottom and move 50px over 0.4s after 0.6s" class="highlighted" ><strong>Call us anytime_{+055 5555 555 555}</strong></li>
</ul>

Nevertheless there is no effect. Could you please help me to understand why?
Best,
Roberto

Could you please post an url to your site?

Hi Cyberek,
sorry but I'm working in local. Could you please try to test the scroll-reveal function adding the following CODE in a k2 item of the university template?

CODE:

<div data-scroll-reveal="enter left and move 50px over 1.33s"> Foo </div>
or
<div data-sr="enter left and move 50px over 1.33s"> Foo </div>

thanks,

Rob

Sorry, but I need to be able to see live site. Maybe you could post it somewhere live for the time being?

Hi Cyberek,
Sorry if I ask to you again, but I can't upload the website just for that.
I need just to know if the function scroll-reveal is working on the template university, like it is working on storefront, or not.
Why you don't test it on the template university Gavick has online?
Please just add in a whatever k2 item these lines:

<div data-scroll-reveal="enter left and move 50px over 1.33s"> Foo </div>
or
<div data-sr="enter left and move 50px over 1.33s"> Foo </div>

Then you can tell me if it's working or not,
Thanks,

Roberto

1. Our demo server are not for test purposes.
2. I have made clean University installation just for this purpose. It seems script is there but it is not activated. To do so please edit this file:
templates/gk_university/layouts/default.php
and find this block of code:

Code: Select all

   <script>
   jQuery(document).ready(function(){
         // Target your .container, .wrapper, .post, etc.
         jQuery("body").fitVids();
   });
   </script>


and change it to:

Code: Select all

   <script>
   jQuery(document).ready(function(){
      jQuery(window).scrollReveal = new scrollReveal();   
         // Target your .container, .wrapper, .post, etc.
         jQuery("body").fitVids();
   });
   </script>


Hi Cyberek,
GREAT! IT'S WORKING NOW!
Thanks,

Roberto

Is there anything else I can help you with regarding this topic?