Any ideas why aos animate is not working in my header? I’ve added <h1 class=”home-title aos-init aos-animate” data-aos=”fade-up” data-aos-duration=”1000″>
AOS – is Animate on Scroll – as the element is loaded into view at the top of the screen it won’t animate in.
If you reduce the height of your browser to a very small height so the Hero text is not visible then scroll it into view you will see the animation.