Jump to content

CSS Code for mobile only to change font size

Recommended Posts

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)

Screen Shot 2020-10-11 at 10.51.37 am.png

Link to comment
  • Replies 3
  • Views 382
  • Created
  • Last Reply

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.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.