Mobile Font Size

Look Demo

Easily adjust the size of text on mobile devices. This plugin uses css editor and works with all template families.

No look demo available.

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Mobile Text Size //

@media only screen and (max-width: 640px) {
   h1 { font-size: 40px !important; }
}

@media only screen and (max-width: 640px) {
   h2 { font-size: 30px !important; }
}

@media only screen and (max-width: 640px) {
   h3 { font-size: 20px !important; }
}

@media only screen and (max-width: 640px) {
   body { font-size: 15px !important; }
}

Customize

You do not need to change any of the values or properties.

Notes

No notes.