Page Design
Theme settings: Page Design.
Page Design
At a glance
Set max page width, side margins, policy content width, and fallback empty-state imagery.
Where to find it
- Theme editor path: Online Store → Customize → Theme settings → Page Design
Settings
General layout
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Page width | Controls “Page width” on the storefront. Open the theme editor to preview live. | 90rem | Always |
| Page margin (mobile) | Controls “Page margin (mobile)” on the storefront. Open the theme editor to preview live. | 20 | Always |
| Page margin (tablet) | Controls “Page margin (tablet)” on the storefront. Open the theme editor to preview live. | 32 | Always |
| Page margin (desktop) | Controls “Page margin (desktop)” on the storefront. Open the theme editor to preview live. | 48 | Always |
Empty states
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Fallback empty state image | Shown when a collection, search, wishlist, or other empty product UI has no results. Cart uses Empty cart drawer image first, then this fallback. | — | Always |
Policy content width
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Policy content width | Controls “Policy content width” on the storefront. Open the theme editor to preview live. | 80 | Always |
Setting details
Each control from the tables above, explained simply:
Page width
Controls “Page width” on the storefront. Open the theme editor to preview live. Default: 90rem.
Page margin (mobile)
Controls “Page margin (mobile)” on the storefront. Open the theme editor to preview live. Default: 20.
Page margin (tablet)
Controls “Page margin (tablet)” on the storefront. Open the theme editor to preview live. Default: 32.
Page margin (desktop)
Controls “Page margin (desktop)” on the storefront. Open the theme editor to preview live. Default: 48.
Fallback empty state image
Shown when a collection, search, wishlist, or other empty product UI has no results. Cart uses Empty cart drawer image first, then this fallback. Default: —.
Policy content width
Controls “Policy content width” on the storefront. Open the theme editor to preview live. Default: 80.
Tips
- Changes apply store-wide — check home, product, and collection pages after saving.
- Pair with section-level color schemes for page-specific overrides.
- Read How theme settings work for how globals connect to sections.