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.

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

• Genesis After Header Parallax Template
• Add Parallax To Genesis Sample Theme
• After Header Parallax Image