How To Add Parallax To Front Page 1 Widget In Any Genesis Child Theme

This tutorial contains the code which enables you to add the parallax scrolling effect to the front page 1 background image in any Genesis child theme.

Parallax Scroll Effect

Demo Video #

Shows the front page 1 background image moving at a different speed to the overlaying content when scrolling.

Works in any Genesis child theme which includes a widget area with background image and overlaying content.

Installation Steps #

There’s 3 steps :

Step 1 – Upload the parallax.js file to your child themes root directory.

Related Tutorials

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.