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!

Link to comment
  • Replies 3
  • Views 962
  • Created
  • Last Reply
  • 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

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.