Mobile Font Size

removemobilegap.png

Step One

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Two

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; }
}

Step Three

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

Save and refresh the page. 👍

Moov Labs