In my Facebook group, a user asked:
Hey Sridhar. Can you consider a tutorial on how to create a real parallax effect with the background images on the landing page in Altitude Pro?
You have a tutorial (https://sridharkatakam.com/add-parallax-background-header-…/) where you used stellar.js, and you made home-widgets-6 parallax. I'd like to have sections 1, 3, 5, and 7 in Altitude Pro have that similar parallax effect.
Thanks!
In this article I share the steps for using Stellar.js for adding parallax movement to the background images of Front page sections 1, 3, 5 and 7.
Step 1
Upload jquery.stellar.min.js to Altitude Pro's js directory.
Create a file named say, jquery.stellar.init.js having the following in the same location.
To view the full content, please sign up for the membership.
Already a member? Log in below or here.
Thank you, Sridhar; works perfectly on my sites that have Altitude Pro.