Jump to content

How to remove padding around image on mobile?

Recommended Posts

Site URL: https://puma-clover-m2dw.squarespace.com/

I'm almost done building my site, but can't seem to figure out one problem - the banner image on my site's home page has a TON of top and bottom padding, on mobile only. This code snippet seems to work for the other image blocks on other pages, but not this one:

@media screen and (max-width:640px) {
.sqs-layout .sqs-row .sqs-block-image:first-child {
   padding-top: 0px !important;
.sqs-layout .sqs-row .sqs-block-image:last-child {
   padding-bottom: 0 !important;


Password is 'airplane'

Can anyone help? Thank you!

Edited by LittleAirplane
Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • 4 weeks later...
On 2/17/2021 at 3:10 AM, LittleAirplane said:

I actually fixed it 🙂 Just had to adjust the section padding to "small". Thank you though! You can check it out at www.littleairplane.com if you're interested.

Hi. I see footer on tablet doesn't look good. Do you want to fix email text?


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.