Jump to content

Fixed text size on mobile too small!

Go to solution Solved by Ziggy,

Recommended Posts

Check out this page on both desktop and mobile:

https://careinthecurve.com/

On my template, the text size on mobile for any Page Description displayed is automatically set at 13px with no option to change in Site Styles. Is there css I can add to be able to adjust the text size on mobile? It is fine on my desktop, but it is nearly impossible to read from a mobile, which is where most of my clients will be viewing my site.

Edited by careinthecurve
added more tags
Link to comment
  • Replies 3
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

  • Solution
Posted (edited)

Use this CSS and adjust the 13px to whatever size you like, this will just affect mobile:

@media only screen and (max-width: 768px) {
  .page-desc p {
    font-size: 13px;
  }
}

 

Edited by Ziggy

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
3 hours ago, careinthecurve said:

works great! thank you!

You're welcome. Thanks for marking as the solution! Always appreciated.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.