Jump to content

Image is being cut off on mobile site

Recommended Posts


I'm having trouble fixing an issue on the mobile site. There is too much blank space, and it's cutting off my image. Any suggestions? 

The man in the photo is holding a sign that needs to be visible.

Screen Shot 2023-09-21 at 10.45.20 AM.png

Edited by sawyerlew
typing error
Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Add this code to Website > Page > Website Tools (under Not Linked) > Custom CSS

@media screen and (max-width:640px) {
body#collection-641c706da65da51b6784598a {
.Parallax-item:first-child img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
.Parallax-item, .Parallax-item figure, section.Intro.Intro--has-image {
    height: 250px !important;
section.Intro.Intro--has-image {
    height: 200px !important;

With these space, this is 2 empty Text Block, you can remove it


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.