I'm trying to override Squarespace's responsive font sizes for my H1s at certain screen widths, but my media queries don't seem to be taking effect no matter what I do. Here's the code I'm currently using:
/* MY ATTEMPT TO OVERRIDE SQUARESPACE'S SETTINGS AT CERTAIN SIZES*/
h1 {@media screen and (min-width:1024) and (max-width:1111px) and (orientation: portrait), screen and (min-width:1024) and (max-width:1111px) and (orientation: landscape){font-size:54px!important;}@media screen and (min-width:1112) and (max-width:1295px) and (orientation: portrait), screen and (min-width:1112) and (max-width:1295px) and (orientation: landscape){font-size:56px!important;}}
And here is an example of the default Squarespace media query I'm trying to override:
/* SQUARESPACE MEDIA QUERY I'M TRYING TO OVERRIDE */@media screen and (min-width:0) and (max-width:1295px) and (orientation: landscape), screen and (min-width:0) and (max-width:1295px) and (orientation: portrait){
h1 {font-size: calc((4-1)*1.2vw+1rem);}}
Question
dvgdvgdvg 18
Site URL: https://cyan-teal-3zmw.squarespace.com/
I'm trying to override Squarespace's responsive font sizes for my H1s at certain screen widths, but my media queries don't seem to be taking effect no matter what I do. Here's the code I'm currently using:
And here is an example of the default Squarespace media query I'm trying to override:
Site URL: https://cyan-teal-3zmw.squarespace.com/
Edited by dvgdvgdvgPassword: governance
(revised code)
Link to post
Top Posters For This Question
2
Popular Days
Feb 1
1
Feb 2
1
Top Posters For This Question
dvgdvgdvg 2 posts
Popular Days
Feb 1 2021
1 post
Feb 2 2021
1 post
1 answer to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment