Mobile Text Sizes - For Squarespace 7.1

---

1. Plugin Info

Adjust the size of headings and paragraph text on mobile.

• Works with Squarespace 7.1

• Uses Custom CSS

---

2. Add this code to Custom CSS

// Mobile Text Sizes - Ghost //

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

@paragraph-1: 15px;
@paragraph-2: 12px;
@paragraph-3: 10px;

/* --- 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) { h4 { font-size: @heading-4 !important; } } @media only screen and (max-width: 640px) { .sqsrte-large { font-size: @paragraph-1 !important; } } @media only screen and (max-width: 640px) { p { font-size: @paragraph-2 !important; } } @media only screen and (max-width: 640px) { .sqsrte-small { font-size: @paragraph-3 !important; } }

// Mobile Text Sizes - Ghost //

---

3. Customizable Options

• Heading (1-4) Text Size

• Paragraph (1-3) Text Size

---

4. Plugin Notes

• No plugin notes

---