Display Animations only on Homepage

By default the Animations appearing effects are displayed in all website pages. They can be globally enabled or disabled. But in some cases, you may want to display Animations ONLY on Homepage.

It will require a small code change. Here are all of the necessary steps:

1.Login to your Admin Panel

2. Navigate to Left Menu -> Appearance -> Editor

3. Open yourtheme/js/utilities.js

Replace all occurrences of:

jQuery(' some code').addClass("hidden").viewportChecker({

with:

jQuery('body.home some code').addClass("hidden").viewportChecker({

i.e.

jQuery('#header-logo').addClass("hidden").viewportChecker({

needs to be replaced with:

jQuery('body.home #header-logo').addClass("hidden").viewportChecker({

Then

jQuery('.cart-contents').addClass("hidden").viewportChecker({

needs to be replaced with:

jQuery('body.home .cart-contents').addClass("hidden").viewportChecker({

Finally, save changes