This tutorial shows you how to add a parallax scrolling effect to front page 1, 3, 5 & 7 background images so they move at a different speed to the overlaying content when scrolling the front page of the Infinity Pro child theme by StudioPress.
When screen widths are 1180px and smaller, the image background will scroll.
Shows the images behind the front page image sections moving at a different speed to the widget content creating a parallax effect on scroll.
Note : Tested using the Infinity Pro child theme by StudioPress however the CSS may need modifying for use in other Genesis child themes.
There’s 3 steps relating to usage of the files in the download folder :