Shopify theme
  • INTRODUCTION
    • 💡Greeting
      • Discover Demos
      • Buy now
    • ✨Free Support
    • 🛅Changelogs
  • THEME INSTALLATION
    • How To Install themes
    • How to set up another demo?
    • Upgrade theme
  • SHOPIFY KNOWLEDGEBASE
    • User Guide
  • THEME SETTINGS
    • Header
      • Logo & Favicon
      • Announcement bar
      • How to set up Mega menu
    • Footer
    • Typography
    • Color
  • Button
  • Product Cards
  • Color Swatches
  • Wishlist
  • Sections
    • Slideshow v0
    • Slideshow v1
  • Featured collection
  • Featured collection v1
  • Collection list
  • Banner grid v0
  • Banner parallax
  • Banner hero
  • Banner creative v4
  • Marque
  • Testimonials v0
  • Testimonials v1
  • Testimonials v2
  • Blog post v0
  • Blog posts v1
  • Blog post v2
  • Rich text
  • Image with text
  • Compare
  • Image with hotspots
  • Icon with text
  • Icon with text v1
  • Email signup
  • Faqs
    • How to edit checkout page ?
    • How to config Currency & Languages?
    • How to import product?
    • How to add a video ( Media, 3d, Youtube, Vimeo) for the product?
  • Support
    • Theme Support
Powered by GitBook
On this page

Banner parallax

PreviousBanner grid v0NextBanner hero

Last updated 11 days ago

Steps

  1. In the theme editor (Customize), click Add section

  2. Locate Banner parallax

  3. Save

The Parallax Banner offers a stunning visual effect with a parallax image that works seamlessly on both mobile and desktop devices. You can easily customize the image height to suit your design preferences, ensuring it looks great across all screen sizes. The parallax effect adds depth and movement to your page, creating an engaging and immersive experience for visitors, whether they're viewing it on a large desktop screen or a mobile device.

General settings

Layout Desktop

Layout Mobile

Hedding settings

Color and overlay

Spacing and Custom Attributes