S74 Posted November 3, 2021 Share Posted November 3, 2021 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; }} Link to comment
S74 Posted November 8, 2021 Author Share Posted November 8, 2021 SOLVED: I added this to Custom CSS h1 {font-size: clamp(4.3rem, 1vw, 35px) !important;} Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment