7d9d4027-c066-469d-8d84-eb93fe9be72c/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;