Jump to content

Reduce font size on Mobile ONLY

By JustinSinger, in Customize with code

Go to solution Solved by sorca_marian,

Recommended Posts

  • Replies 3
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

sorca_marian
sorca_marian

@media (max-width: 767px) { #sections > :nth-child(2) p { font-size : 12px; } } Add the below code in Custom CSS. You can adjust the 12px to the size that you want

Posted Images

sorca_marian Level 8

sorca_marian

Posted
Posted

You can do that with CSS media queries.

Can you send the link to the page?

 👨‍🔧👨‍💻 Squarespace plugins

🙋‍♂️ Squarespace Custom Web Development & Design Services

📅 Todoist alternative | Increase your Productivity 

📹 Squarespace Tutorials for free - YouTube📹 

💯🚀 I have worked on over 300 Squarespace sites with custom code for over 9 years

🙋‍♂️ Let's connect on LinkedIn

 

  • Solution
sorca_marian Level 8

sorca_marian

Posted
  • Solution
Posted 
@media (max-width: 767px) {
    #sections > :nth-child(2) p {
        font-size : 12px;
    }
}

Add the below code in Custom CSS.

You can adjust the 12px to the size that you want

Screenshot 2024-01-20 at 19.58.09.png

 👨‍🔧👨‍💻 Squarespace plugins

🙋‍♂️ Squarespace Custom Web Development & Design Services

📅 Todoist alternative | Increase your Productivity 

📹 Squarespace Tutorials for free - YouTube📹 

💯🚀 I have worked on over 300 Squarespace sites with custom code for over 9 years

🙋‍♂️ Let's connect on LinkedIn

 

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources