Design Parallax Section With Hero Banner

About Parallax Section

A parallax section is a design technique where the background moves at a different speed or direction than the content in the foreground, creating an illusion of depth and subtle motion when scrolling. 

This effect not only enhances visual appeal but also offers benefits for conversion rate optimization (CRO) by making the user experience more immersive and engaging.

Design a Parallax section with a Hero Banner element on GemPages:

Step 1: Drag and drop the Hero Banner element.

Adjust the settings to fit your design needs by configuring essential information, such as Banner Height, Banner Image, and other display preferences.

To learn more about Hero Banner, check out this article: Hero Banner Element.

Step 2: Scroll down and enable the Parallax effect. Customize the speed as you want.

Customizing the speed determines how fast or slow this background image moves in comparison to the scrolling pace.

How Speed Works:

• A higher speed setting means the image will scroll faster, creating a more dynamic effect.
• A lower speed setting slows down the background movement, making it appear smoother and less dramatic.

Click “Save”, and then publish to view the live page:

If you have any questions, please contact us at: https://feedback.gempages.net.