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
  • Created
  • Last Reply

Top Posters In This Topic

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.