How to Center-Align Text JUST on Mobile 👩💻 (easy code!)
⚡️FREE TRAINING⚡️ DIY Your Dream Site: 5 key steps to a stress free + beautiful website
Join instantly here: https://bigcatcreative.com/free-train...
With mobile browsing becoming the norm, it's crucial to ensure your website looks top-notch on smaller screens. While we love Squarespace's new Fluid Engine independent mobile editor, some design elements, like centre-aligning text independently from desktop are still missing. So while we wait for Squarespace to introduce these features, we've put together an easy to follow, step-by-step tutorial with a little copy + paste custom CSS to help you improve the readability and aesthetics of your website on mobile with centre-aligned text.
MENTIONED IN THE VIDEO:
👉🏼 Read the written post on this topic: https://bigcatcreative.com/blog/cente...
👉🏼 Squarespace: https://squarespace.syuh.net/bigcatcr... *
👉🏼 Squarespace ID Finder Chrome extension: https://chrome.google.com/webstore/de...
💰 SQUARESPACE DISCOUNT CODE: Use code BIGCATCREATIVE10 for 10% off your first year of Squarespace! Sign up here https://squarespace.syuh.net/bigcatcr... *
📣 Want Squarespace Tips straight to your inbox every week? Sign up here: https://bigcatcreative.com/tips
💻 Ready to up your Squarespace Website Design? Check out our Squarespace Template Kits: https://bigcatcreative.com/templates-yt
MORE GOODIES:
👉🏼 Visit our blog full of Squarespace Tips & Tricks: https://bigcatcreative.com/blog
👉🏼 Follow us on Instagram: / bigcatcreative
TIMESTAMPS:
0:00 Intro
0:18 Desktop vs Mobile
2:16 Alignment tips for readability
3:14 Find your Text Block ID
5:05 Add your code
7:29 Targeting multiple Text Blocks
*This is an affiliate link. I may earn a commission if you sign up using this link, at no cost to you, of course :) I only promote things that I love and recommend.