Animations not working

yellowduckmktg · November 2016

Any idea why the text within the green box isn't animating? It seems that the only animation I'm able to successfully implement on the site is animate-math.

http://gscottages.yellowduckmarketing.com/villages-cramerton-mills/ (user: yellow, pw: duck)

Albert · November 2016

Hi,

could you be more specific? We checked your site but we have no idea which text is not animating exactly and how it supposed to work exactly.

yellowduckmktg · November 2016

My apologies! The text I'm referring to is in the green box toward the bottom - "and to live this green" - it's set to fadeInUp, but it's not animating

Albert · November 2016

Ok, thanks. So to animation does not work because you disabled Entrance Animations option under Theme options > Global > Advanced > Theme Functions section.

yellowduckmktg · November 2016

awesome. Thanks!

Albert · November 2016

You are welcome!

yellowduckmktg · November 2016

One last question - the animation is working, but only when the page initially loads or refreshes, which means that if the animation is at the bottom of the screen, it's completed its animation by the time that you get there. (http://gscottages.yellowduckmarketing.com/villages-cramerton-mills/)

Whereas the progress bars and quick facts I've added on the homepage animate as the viewer gets to that section (http://gscottages.yellowduckmarketing.com/).

Albert · November 2016

You screen is probably the size that animation loads on refreshing or page loading. If you will increase your size screen and scroll, you will see that animation is fine.

yellowduckmktg · November 2016

That worked for the animations in the muffin builder, but not images and text on the homepage that included animations (the home images) http://gscottages.yellowduckmarketing.com/ Is there an additional class I need to add?

Albert · November 2016

Did you tried to remove any extra plugins you have? If not, please disable them all.

Albert · November 2016

Ok, we found where the problem exactly is. It's because of your custom JS you used for site. If you look at http://pasteboard.co/nu29bD6Xd.png you see that you have bugs in JS console. And http://pasteboard.co/nu2s19ilV.png this is the custom JS you used.

yellowduckmktg · November 2016

ah! ok! thank you! Will have to find another solution to that. Thank you!

yellowduckmktg · November 2016

Update! i removed the custom JS and the animations are still not loading on scroll - only on refresh.

Albert · November 2016

Yes, this is true but the html code you have on your site is not the one that comes with theme. Looks like someone did lot's od customization in theme files as well.

yellowduckmktg · November 2016

It's truuue. Ok.

stef7e · December 2016

Hello,

I'm using your Theme on version 15.9 on one page : http://new.thegoodstart.fr.

Unfortunately, the animation like fade in, doesn't work on every item and the hover in the zoom box too...

Do you have any idea of what's happen ?

Thanks in advance,

Regards

Stef

Albert · December 2016

Hi @stef7e,

we suggest to log-in to FTP, remove theme files and then also via FTP upload the newest files once again but this time make sure that all files has been transferred properly.

stef7e · December 2016

Ok thanks

I'll get back to you with the results

stef7e · December 2016

Perfect !

Easy as pie, and I kept all my work.

Many thanks

Have a good day

Albert · December 2016

You are welcome!

Animations not working

Comments