Layout

Written in stage 2

What these settings change on the storefront, with screenshots and examples. Everything below is generated from the theme’s schema, so it always matches the theme editor.

Setting	Type	Default	Options and range
Text direction	Select	Automatic (follows language)	Automatic (follows language) Left to right Right to left
Page The header, the footer and every section set to Page width start on this line. On a large screen Page width stops the content; on a smaller one the margin keeps it off the edge — whichever sits further in wins.
Page width	Range	1440 px	1200–1920 px, step 40
Page margin on desktop On a phone the margin is the mobile value; it grows to this one on a large screen.	Range	56 px	10–100 px, step 1
Page margin on mobile	Range	20 px	10–100 px, step 1
Full width, padded For sections set to Full width, padded: how far they sit from the screen’s edge, and how far their hanging shapes and panels hang in. Always inside the page line.
Full width, padded margin On a phone it shrinks to 60 % of this, and it never grows past the page margin.	Range	20 px	8–60 px, step 2
Shape
Card corner radius	Range	24 px	0–32 px, step 2
Sheet corner radius Used by sheets, the page edge over the hero and the footer reveal.	Range	40 px	0–48 px, step 4
Page effects
Slide the page over the hero When the first section on a page is a hero, it stays in place and the rest of the page rises over it as a rounded sheet.	Checkbox	On
Reveal the footer under the page The page lifts away to uncover the footer. Turns off by itself when the footer is taller than the screen.	Checkbox	On