Hi there! I'm in a similar situation, unable to get a markdown block to resize in mobile. Tried the suggestions above but still no changes, unfortunately. The site is https://tan-ellipsoid-z2xw.squarespace.com, pw: testing.
I'm trying to get "MACKENZIE" on a single line in mobile. The markdown block code is
<h1 style="text-align: center" ><span style="font-family: Adobe Garamond Pro; font-size: 75px">LUCIA <span style="font-family: Snell Roundhand; font-size: 90px">& </span> MACKENZIE</h1>
The CSS is
@media screen and (max-width:640px) {
h1 span.t-text {
font-size: 60px !important;}
}
I tried changing the CSS to "span.t-text" and "t-text" and "h1 t-text" but none of those worked, nor did changing pixels to rem in the CSS. Thanks in advance for any ideas!