Heading

A heading with its own width, alignment and padding. Use it in containers that do not align their blocks themselves.

Where it is used

This block is used in the Blog post section (blog-post.liquid) and the Collection banner section (collection-banner.liquid). It can also be added inside the Popup link block (popup-link.liquid), and it appears in the default content of the article.json, collection.json, index.json and page.about.json templates.

Settings

View the block guide .

Setting	Options	Description
Heading		The heading text this block shows.
Typography preset	• Heading 1 • Heading 2 • Heading 3 • Heading 4 • Heading 5 • Heading 6	Edit presets in theme settings (/editor?context=theme&category=typography)
Heading tag	• H1 • H2 • H3 • H4 • H5 • H6	Sets the HTML tag (H1 to H6) of the heading, which tells search engines and screen readers where it sits in the page outline. The visual size comes from the Typography preset.

Size

Setting	Options	Description
Width	• Fit • Fill • Custom	On desktop, Fit sizes the block to its text, Fill stretches it across the available space, and Custom uses the percentage set below.
Custom width		Width of the block on desktop, as a percentage of the available space. Shown only when Width is Custom.
Content alignment on desktop		Aligns the heading text on desktop. Hidden when Width is Fit, because the block is only as wide as the text.
Width on mobile	• Fit • Fill • Custom	On mobile, Fit sizes the block to its text, Fill stretches it across the available space, and Custom uses the percentage set below.
Custom width on mobile		Width of the block on mobile, as a percentage of the available space. Shown only when Width on mobile is Custom.
Content alignment on mobile		Aligns the heading text on mobile. Hidden when Width on mobile is Fit, because the block is only as wide as the text.

Spacing

Setting	Options	Description
Top padding		Space above the heading, in pixels.
Bottom padding		Space below the heading, in pixels.

Content alignment on desktop appears only when Width is Fill or Custom. Content alignment on mobile appears only when Width on mobile is Fill or Custom.