Title

The theme’s general-purpose heading. It’s in almost every section — hero, text and image split, product row, article, 404 — usually as the first block.

Two things are controlled separately and it matters: Heading level is what search engines and screen readers see, and Mobile/Tablet/Desktop style is how big it looks. Changing the size doesn’t change the level, and it shouldn’t.

Settings

Setting	What it does
Title	The heading text. Defaults to “Title”. Add // anywhere to force a line break.
Heading Level	H1 through H6. Default H2. This is the document structure, not the size.
Mobile style	Type size on small screens. Default LG (heading). Options are grouped: Headings (Display, 2XL, XL, XL Alt, LG, MD, SM, XS, 2XS), Section Labels (LG, MD, SM, Tag), Body Text (2XL down to XS). “Default” inherits the section’s own text style.
Tablet style	Overrides the mobile size from 768px up. Default “Default” — follows the mobile style.
Desktop style	Overrides the tablet size from 1280px up. Default “Default” — follows the tablet style.
Text alignment (mobile)	None (default), Left, Center, Right. “None” inherits the section’s alignment.
Text alignment	Alignment on larger screens. “None” follows the mobile setting.
Block ID	Optional anchor ID, so a link elsewhere can jump straight to this heading.

Sizes cascade upward

Mobile is the base. Tablet only kicks in at 768px and above; desktop only at 1280px and above. Leave tablet and desktop on “Default” and the mobile size applies everywhere — which is the right answer more often than not, because the type scale already shrinks sensibly on small screens.

Set desktop without setting tablet and the jump happens at 1280px, with tablet still showing the mobile size. That’s usually fine, occasionally jarring on an iPad. Check it if the size difference is large.

Line breaks

Type // in the Title field to force a break:

Relief that starts // before the migraine does

Use it sparingly, and check the result on mobile — a break that looks deliberate on desktop often lands mid-phrase on a narrow screen.

One H1 per page

Every page should have exactly one H1, and the heading levels below it shouldn’t skip — H1 then H3 with no H2 between them is a structural error. In practice, use H1 once (usually the hero), H2 for section headings, and H3 for headings inside a section.

Don’t pick a level to get a size

It’s tempting to choose H1 because it looks biggest. It doesn’t — the size comes entirely from the style settings. Pick the level that’s structurally correct and set the size separately.

Where it’s used

Almost everywhere: Hero, Hero Collection, Text & Image Split, Features, Featured Products, Featured Banner, Rich Text, Product Row, Testimonials, Teaser, Reviews, Article, 404, Product, and inside the Content, Feature, Icon and Accordion Item blocks.