Pebble Theme
Theme Sections

Hero banner

2 min read
image

A large, visually impactful banner for highlighting campaigns, announcements, or featured products.

How to add a Hero banner to your Shopify store

  1. In the theme editor (Customize), click Add section.
  2. Select Hero banner section.
  3. Make necessary changes.
  4. Save.

How to edit the section Hero banner

The Hero banner section includes:

  • 2 static blocks:

  • 1 dynamic block:
    • Banners – Adds a scrolling text ribbon above or below the banner.

💡 Best practices

  • Use “Adapt to image” height if your banner has strong visuals and needs a natural crop.
  • Add a spacer before/after headings to create breathing room.
  • Use a marquee for seasonal campaigns — instantly adds urgency and motion.
  • For readability, enable Media overlay if the background is bright or busy.
Last updated