Jump to content

Text size behaviour on mobile "impact" template

Go to solution Solved by tuanphan,

Recommended Posts

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

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

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