Mobile Text Sizes - For Squarespace 7.0

---

1. Plugin Info

Adjust the size of headings and paragraph text on mobile.

• Works with Squarespace 7.0

• Uses Custom CSS

---

2. Add this code to Custom CSS

// Mobile Text Sizes For 7.0 - Ghost //

@heading-1: 40px;
@heading-2: 30px;
@heading-3: 20px;
@paragraph: 15px;

/* --- Do Not Edit Below ---- */

@media only screen and (max-width: 640px) { h1 { font-size: @heading-1 !important; } } @media only screen and (max-width: 640px) { h2 { font-size: @heading-2 !important; } } @media only screen and (max-width: 640px) { h3 { font-size: @heading-3 !important; } } @media only screen and (max-width: 640px) { p { font-size: @paragraph !important; } }

// Mobile Text Sizes For 7.0 - Ghost //

---

3. Customizable Options

• Heading (1-3) Text Size

• Paragraph Text Size

---

4. Plugin Notes

• No plugin notes

---