Header image/text adjust for mobile

Site URL: https://khaki-elk-54rm.squarespace.com/

Does anyone know how to get this to look better in mobile? This is the best I can get it. I tried using code to shrink the font size but it didn't work. Password is Brad. Thanks!! 

5 hours ago, JennWalker said:

Site URL: https://khaki-elk-54rm.squarespace.com/

Does anyone know how to get this to look better in mobile? This is the best I can get it. I tried using code to shrink the font size but it didn't work. Password is Brad. Thanks!! 

You can try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  #block-yui_3_17_2_1_1638482717332_3511 .sqs-block-content * {
    font-size: 10px !important;
  }
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

My testing result

10 hours ago, bangank36 said:

You can try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  #block-yui_3_17_2_1_1638482717332_3511 .sqs-block-content * {
    font-size: 10px !important;
  }
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

This worked great, thank you!!