How to Change Mobile Font Size in Squarespace (2025 Update)

Ever noticed your fonts look great on desktop but are way too small on mobile? In this tutorial, we’re fixing that—once and for all. I’ll show you how to use custom CSS to adjust the font size just for mobile devices on your Squarespace site. Whether you're working with headings, paragraphs, or something more advanced like summary blocks, we’ve got the code you need. Watch the full video to learn how it works, and then explore the post linked below for more codes & pro tips that’ll make your mobile site shine. 🛠️ What You’ll Learn: • How to use media queries to target mobile screen widths • Custom font size settings for H1 - H4 and paragraph text • How to change font size for a single content block • How & when to use Custom Codey to find selectors for unique elements • What “stretch to fit” text is and when it overrides your code ⏱️ Chapters 0:00 Why mobile font sizes need custom code 0:33 How to overwrite font sizes with CSS 1:13 Using media queries to target screen width 1:51 Customizing heading styles (H1–H4) 2:34 Paragraph styles: SQS codes explained 3:14 Adjusting monospace font size on mobile 3:35 How to change font size in just one content block 4:55 Why the asterisk trick doesn’t always work 5:32 Custom Cody to the rescue: targeting summary titles 6:55 Stretch-to-fit text: what it is and how it works 8:28 Recap of all selectors and font types 9:32 Where to get all the code you saw in this video 📝 Full post with free codes & more info: https://insidethesquare.co/squarespace-tutorials/mobile-font-size 🤖 Custom Codey, My Squarespace Code AI: https://customcodey.com #️⃣ Free Block ID Chrome Extension: https://insidethesquare.co/chromeext 🙋‍♀️ Have a Squarespace question? Drop it in the comments below! I love hearing from you and helping you make your website uniquely yours! ✨ - - - 💸 GET 10% OFF YOUR FIRST YEAR OF SQUARESPACE 💸 Use my affiliate link and code INSIDE10 - You'll save 10% off your first annual subscription & Squarespace will give me a little commission for sending you their way 😎 🔗 INSIDE10 → https://insidethesquare.co/inside10 - - - The term "Squarespace" is a trademark of Squarespace, Inc. This video was not approved or endorsed by Squarespace, Inc. I just really love their platform ♥ #SquarespaceTips #SquarespaceCSS #MobileFontSize #CustomCode #SquarespaceDesign #MediaQueriesCSS #ResponsiveDesign #InsideTheSquare #WebsiteTips #CustomCodey