Save Big on 4 Premium Themes - Kalles, Ecomus, Unsen, Gecko - 30% OFF! View all discounted items  

Header background

Banner parallax

Lucy

Written by Lucy

Last updated

113 views

On this page


In this guide, we will walk you through how to use the Banner Parallax to make your website more engaging. You will learn how to set up, configure, and customize the banner to create smooth scrolling effects that add depth and visual interest, enhancing the overall user experience.

To add images, go to the Banner Parallax section. You can upload separate images for desktop and mobile views to ensure optimal display on all devices.

parallaximg.png

In addition to the parallax effect, you can try the Ambient Movement effect, which makes images gently sway automatically for a more dynamic look.

You can also adjust the content alignment within the banner, moving elements left, right, up, or down according to your design needs.

parallaxalign.png

Within the Banner Parallax section, you can add various blocks such as text, buttons, countdown timers, or video buttons. Some elements, like custom text and custom buttons, allow you to easily arrange and style your content.

blockparallax.png

🎁 Exclusive Deals for The4 Customers

EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114) on Standard plan.

  • ✅ 300+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free
SectionAI

🤖 EcomRise: Upsell & Bundles

Boost sales effortlessly with product bundles, upsell and cross-sell, buy X get Y, volume discounts

  • ✅ Easy upsell & cross-sell
  • ✅ Works with the latest themes
  • ✅ Trusted by 10k customers
🚀 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.