marginalnote

Wait, never mind––found a few of your other answers and think I got it sorted. Thanks for contributing so much!

On 12/17/2020 at 7:15 AM, tuanphan said:

If you use SS 7.1, use 767

SS 7.0, use 640

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!