Jump to content

H1 Font suddenly enlarges in desktop window

Recommended Posts

Site URL: https://mcnaegroup.squarespace.com/config/

Website: https://mcnaegroup.squarespace.com/config/
Password: studio@mcnaegroup1

I have a H1 heading which looks great in a full window, and in mobile view...but if you make the desktop window slightly smaller the text suddenly jumps bigger.

I thought changing the tablet text size might help but i had no success. Can any one help?

//mobile text size//
@media only screen and (max-width: 767px) {	   h1 { font-size: 35px !important; line-height:115% }}
//tablet text size//
@media screen and (max-width: 960px){	   h1 { font-size: 35px !important; }}

 

GOOD.png

BAD.png

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.