8f95c2a6-1d42-4e4b-a6b4-f6895af2aed7/theme-options/layout/content-width.md

Content Width Presets

6 content width presets available.

---

small

Desktop: --width-content-width: clamp(40rem, 70vw, 100rem); Mobile: --width-content-width: 80vw;

---

smallMedium

Desktop: --width-content-width: clamp(40rem, 72.5vw, 100rem); Mobile: --width-content-width: 80vw;

---

compact

Desktop: --width-content-width: clamp(40rem, 75vw, 100rem); Mobile: --width-content-width: 80vw;

---

mediumSmall

Desktop: --width-content-width: clamp(40rem, 77.5vw, 100rem); Mobile: --width-content-width: 80vw;

---

medium

Desktop: --width-content-width: clamp(40rem, 80vw, 100rem); Mobile: --width-content-width: 80vw;

---

mediumLarge

Desktop: --width-content-width: clamp(40rem, 82.5vw, 100rem); Mobile: --width-content-width: 85vw;