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, […]
Stellar
How to move an image from bottom to top when scrolling down in Genesis
In a recent project that I completed, keyot.com, the requirement was to move an image of a rocket as the user scrolled down the homepage. This is how I did it using Stellar.js. Step 1 Uploaded jquery.stellar.min.js to child theme’s js directory. Created a file named home-non-mobiles.js in the same location and initialized Stellar like […]
How to add Parallax background to After Header and Before Footer sections in Centric Pro
In the comments of my post titled How to apply Parallax effect from Parallax Pro in any Genesis theme Antxon asked, Your tutorials are simply awesome! I am relatively new to Genesis and I was wondering how can you add the after_header parallax effect and before_footer for Centric Pro? I have made a mess and […]
Parallax background image in Enterprise Pro using Stellar.js
To view the full content, please sign up for the membership. Already a member? Log in below or here.
Recent Comments