This download adds a widget area after the header with a background image.
The widgets background image moves at a different speed to the overlaying content when scrolling, creating the effect you see in the following demo video :
Parallax Demo #
Shows the default image added to the customizer displayed after the header on all pages of the Genesis Sample child theme.
Tested using the new Genesis Sample child theme by StudioPress.
Note : The solution also includes code to use the featured image or a custom image added using WordPress or ACF custom fields otherwise the default image set in the customizer is shown.
You can change the image using the customize > Image After Header setting. Otherwise, add a default named parallax.jpg to your themes parallax > images folder.
Installing Parallax Files #
There’s 3 steps relating to use of the files inside the download folder :
Step 1 : Upload the folder named parallax to your child theme folder.