Jump to content

Text size behaviour on mobile "impact" template

By ash1570048080, in Site Design & Styles

Go to solution Solved by tuanphan,

Recommended Posts

ash1570048080 Level 4

ash1570048080

Posted
Posted

H1 is set to 60px, h2 is set to 32. The headline above the pic is h1, below is h2. Works on desktop. But in the mobile viel they are both nearly the same size. Can I somehow fix this? Like adding css to force other font sizes in the mobile view?

Thanks in advance 🙂 

text size.jpg

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

tuanphan
tuanphan

You can add this to Design > Custom CSS @media screen and (max-width:767px) { h1 { font-size: 30px !important; } h2 { font-size: 20px !important; } }  

Posted Images

  • Solution
tuanphan Level 17

tuanphan

Posted
  • Solution
Posted

You can add this to Design > Custom CSS 

@media screen and (max-width:767px) {
	h1 {
		font-size: 30px !important;
}
h2 {
	font-size: 20px !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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
×
×
  • 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