Skip to content

Banner

A media banner section — theme editor → Add section → Banner. Available on regular page templates (not the header, drawers, or popups).

  • Video — an optional video shown in the banner.
  • Image — the banner image; used when no video is set (or as the video’s fallback).
  • Height — Small (20rem), Medium (30rem), Large (40rem), X-large (50rem), or Full height (fills the screen). Default Small.
  • Height (mobile) — the same options, set separately for mobile. Default Small.
  • Opacity — darkens/lightens the media so overlaid text stays readable. Range 0–100%, step 10%, default 50%.
  • Horizontal alignment — Left, Center, or Right. Default Center.
  • Vertical alignment — Top, Middle, or Bottom. Default Middle.
  • Max width — Medium, Large, X-large, 2X-large, 3X-large, 4X-large, 5X-large, or None. Default 2X-large.
  • Color scheme — default Scheme 1.
  • Spacing — Bottom, Top, Top and bottom, or None. Default None.
  • Spacing size — Base, Small, or X-small. Default Base.
  • Container size — Full, Wide, or Normal. Default Full.
  • Include header offset — pushes the section down by the header’s height, in addition to the padding above. Default off.
  • Heading, Scrolling heading, Subheading, Rich text, Button, Countdown — see Shared content blocks.
  • App blocks — third-party apps can also add their own blocks here.