7a521770-875e-40ce-815f-e086a2e37d4e/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;