Skip to content

Page masthead

A masthead for custom page templates: an accent kicker, a large <h1>, an optional intro paragraph and an optional side note. It exists because an alternate page template built out of sections — the about page, the lookbook, the shipping page — has no heading of its own, and would otherwise render with no <h1> at all.

The heading falls back to the page’s own title, so in the common case you add the section and type nothing.

SettingTypeDefaultWhat it does
KickerTextOn fileSmall accent line above the heading.
HeadingText—The <h1>. Leave it empty to use the page title — which is almost always what you want, so you are not maintaining the same words in two places.
IntroRich text—An introductory paragraph or two under the heading, capped at a 62-character measure for readability.
Show the side noteCheckboxfalseShow the side note.
Side noteTextUpdated this seasonThe side note, in accent. Only renders when show_meta is on and this field is not empty.
Top spacingRange, 0–160 px0Top spacing.
Bottom spacingRange, 0–160 px0Bottom spacing.

No blocks. One preset, Page masthead.

It sets the spacing for whatever comes next. The masthead tells the section immediately after it to use a 40 px gap rather than the theme’s full section-to-section rhythm, so the heading and the first block of content read as one unit instead of two unrelated bands. That is why its own padding defaults to zero — the spacing is already handled.

It falls back twice. Heading → page title → store name. On a template that is not a page (if you add it to the homepage, say) it will show the store name.

The heading is an <h1>. Don’t put two of these on one page, and don’t pair it with a Hero — the hero renders an <h1> too.

Five of the preset page templates lead with this section: about, FAQ, lookbook, shipping and returns, size guide and stockists. The plain page template does not use it, because that template renders the page title itself.