A full-width banner with a background image or video, separately configurable for desktop and mobile, plus a flexible set of content blocks.
Layout
- Extend behind header - applies when this is the first section on the page.
Desktop
- Image and Video - a video overrides the image if both are set.
- Overlay opacity and Overlay color - darken or tint the background so text stays readable.
- Section height
- Horizontal alignment and Vertical alignment
- Content width
Mobile
- Image and Video - fall back to the desktop image or video if left blank.
- Overlay opacity
- Section height
- Horizontal alignment and Vertical alignment
Styling
- Color scheme - used as a fallback when no background image is set.
- Content style and Content color scheme
- Framing text style and related settings
Unlike most sections, this section's Advanced styling doesn't include Space above/below or a Background image override, since height, alignment, and background are already set directly above.
Blocks
| Block | What it does |
|---|---|
| Heading | Choose a heading tag. |
| Text | A simple text block. |
| Button(s) | Optionally show a second button alongside the first. |
| Image | Adjustable image width. |
| Collapsible row | Great for FAQs, shipping info, and other tab-style content. |
| Icon with text | Choose an icon (or upload a custom one) and a label. Has its own Content style and color scheme. |
| Icons with text (compact) | Up to four icon and label pairs in a single block. |
| Numbers | Up to four number and label pairs. |
| Stars | Set a rating from 1 to 5. |
| Countdown | Set an end date and time, plus a message to show once it's expired. |
| Newsletter | A signup form. |
| Rotating element | A rotating badge of text or an image. |
| Custom liquid | Add your own Liquid code. |