Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
scholarsayze

Different Header Sizes for different device sizes?

Question

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/

I was wondering if it is possible to have my header sizes (H1, H2, H3, H4) that are set on desktop to appear smaller on mobile device?

For example, currently I have my H1 set to 4.9rem on desktop, nice and big/bold so it suits my brand.

But on mobile device this is a little too big! I want to be able to reduce the headers (H1, H2, H3, H4) that appear on mobile if possible?

Please help!

Best,

Faiz 

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 1

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
h1 {
	font-size: 1rem;
}
h2 {
	font-size: 2rem;
}
h3 {
	font-size: 3rem;
}
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 1

You can adjust any number what you feel okay ✌️


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0

Is there any specific rule to how the hierarchy of size should be?

E.G. If H1 = 4.9, what should be the correct sizes for H2, H3, H4...?

Or is it more about what looks better?

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...