• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

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.

Register for full access

Related Tutorials

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

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.