7f41b4d4-40c7-4f77-9c30-684071175a0a/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;