Jump to content

How to change image height on mobile

Recommended Posts

I am trying to change the height of my image on the mobile version of my site. 

I have an image in an overlay format which looks great on the desktop version, but when switching to mobile it's too large. I would like to reduce its height whilst still keeping it at full width.

Also...any idea how to remove that annoying bit of blank space at the top which seems to only appear on mobile?

Screen Shot 2020-09-12 at 15.10.23.png

Link to comment
  • Replies 8
  • Views 453
  • Created
  • Last Reply
On 9/21/2020 at 11:28 PM, bijouxcreative said:

Thanks so much! This worked but only on that specific page. 

How do I apply it to all pages?

Repeat code with other block id.

Find ID with this tool. https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.