04GENERAL

Section header

This page explains how “Section header” actually behaves, which data it depends on, and what its settings change.

WHAT IT DOES

This page explains how “Section header” actually behaves, which data it depends on, and what its settings change.

IMPLICIT BEHAVIOR

What the theme does automatically

This section only displays elements that have content. Empty elements are ignored to preserve the layout.

CONFIGURATION

Groups the eyebrow, title and introduction into a reusable component.

Eyebroweyebrow

Titleheading

Introductionintroduction

Title tagheading_tag

Default: h2 · Options: H1, H2, H3, H4

Alignmentalignment

Default: left · Options: Left, Center, Right, Inherit section

Mobile alignmentmobile_alignment

Default: inherit · Options: Same as desktop, Left, Center, Right

Widthcontent_width

Default: inherit · Options: Inherit section, Narrow, Average, Large

Title sizeheading_size

Default: inherit · Options: Inherit section, Small, Average, Large, Display

Vertical positionvertical_position

Default: start · Options: Top, Center, Bottom

Horizontal offsetoffset_x

Default: 0 · Range: -120–120px

Mobile horizontal shiftmobile_offset_x

Default: 0 · Range: -60–60px

Mobile ordermobile_order

Default: normal · Options: Eyebrow then title, Title then eyebrow

COMPOSITION

This section has no reorderable blocks. Its content is controlled by its settings and related Shopify data.

CHECKS