Parallax Hero Banner – Mobile Optimized

Add a parallax hero banner to your page and control how it appears on mobile on desktop.
– Prevent background image distortion by adding a mobile sized image
– Select the type of call to action you would like to use and add a custom CSS class to your button
– Turn off parallax if you want

Frequently Asked Questions

Why do I need two background images?

Mobile devices have very narrow screen widths so it is often not ideal to load large background images for these sizes. A better approach would be to use a square cropped image for mobile and a rectangle cropped image for desktop. This will prevent image distortion and slow loading times on mobile devices.