CSS Code for mobile only to change font size

Site URL: https://chromatical.com.au/

Hi team,

The font content in my website header goes outside of the box so I'd like to make the mobile only version of the text in that box smaller.

I don't want to change the text size across the whole site, so want to be able to use the block ID to change the header and content text.

Hope someone can help

(I went through the questions already posted, but the codes didn't seem to help as I believe they were for other website components - I did change the block code)

I didn't see a problem with the text going above the border of the tan box.

1 minute ago, creedon said:

I didn't see a problem with the text going above the border of the tan box.

Oh! What mobile are you using? When I do mobile view in squarespace that's the picture I see on their preview and it's the same on iphone.

I did this in a browser on a desktop machine by making the window width very narrow.

So it looks like we need to test various devices/configurations.

I just loaded up your site on an old iPhone 5 with iOS v10.x and can confirm something similar to what you posted in your pic.

I don't have a solution for you but just adding data to the pool at this point.