Jump to content

Change heading text size for a block for mobile only

Recommended Posts

Hey all!

I have a question. I would like to change the heading size for this section only as its too big on mobile and looks untidy, smaller text would get rit of single words on line.

I was thinking something along the likes of:

@media screen and (max-width: 640px) {
  h1 {
    font-size: 23px;


But i want to target the block id="block-1997078c254bebcf86c4" only.
Anyone able to help?


Link to comment
On 6/18/2020 at 7:32 PM, RyanDejaegher said:

@Steven_McFarlane I took a look at your site but looks like you may have got it figured out cause the text size appears fine on mobile for me. 

Also super cool site, I use to sell VJ loops too 🙂

Thank you appreciate that! I had some code in there but I didnt think it worked? Ill double check on my phone again.

And thank you!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.