Jump to content

7.1 Image blocks on Mobile

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://saxophone-caterpillar-j8fn.squarespace.com/test

Hi!
I'm trying to remove all distance between image blocks. I managed to do it on desktop. But when I use two blocks one next to the other and the mobile version moves the second block below there's a white space.

.sqs-block.image-block {
 padding-top: 0;
 padding-bottom: 0;
 padding-left: 0;
 padding-right: 0 !important}


Thank you!!!

https://saxophone-caterpillar-j8fn.squarespace.com/test

Password: test

Screen Shot 2020-06-30 at 13.56.33.png

Screen Shot 2020-06-30 at 14.03.14.png

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-5efb6da6831f74754a4493da .image-block {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
}

 

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
5 hours ago, tuanphan said:

Add to Home > Design > Custom CSS


@media screen and (max-width:767px) {
div#page-section-5efb6da6831f74754a4493da .image-block {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
}

 

Awesome! 🙏 Thanks so much! @tuanphan
There is a way to apply that to ALL blocks on the website? (not just to this specific page section)

Link to comment
11 hours ago, Budka said:

Awesome! 🙏 Thanks so much! @tuanphan
There is a way to apply that to ALL blocks on the website? (not just to this specific page section)

@media screen and (max-width:767px) {
.image-block {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
}

 

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.