If you visit the website here and check using the developer tools, you will see this line
<!--Single portfolio item one--> <section class="single-items center-block parallax m-0" id="home" style="background: url(innovative/img/single-portfolio1.jpg)"> <div class="container"> <div class="row"> <div class="col-md-12 center-col"> <div class="area-heading text-center wow fadeInUp" data-wow-delay="0.8s"> <h3 class="area-title text-capitalize alt-font text-white mb-2 font-weight-100 "> Nuestro <strong>loren ipsun</strong>loren ipsun</h3> <p class="text-white font-weight-300"> loren ipsun</p> <a href="#creative" class="btn btn-transparent-white btn-rounded btn-rounded btn-large mt-3 scroll">loren ipsun</a> </div> </div> </div> </div> </section>
Missing *animation* class, tried: Manually animating css, bootstrap css and animation js, wow js not working… Remove all the css and js and leave only basic html and animate css and js and wow js and nothing happens
What might happen? , this template contains bootstrap and animate css
in a bundled js css fileWasted 2 or 4 hours debugging the console and found that this error was not the culprit
What I'm trying is:
Enable wow animate js css effect, as shown here on this website
If you check the last site using the developer tools you will see that it will add animation class to the wow fadein class.. but this is not happening in the first site... and no idea why!
What could be the reason for this?
It seems to me that you forgot to launch wow.js as described in the
documentation
, so you just need to add the startup code. A quick fix is to add:In the code
<!-- Custom script below the -->
line (or anywhere before the</body>
tag).