Reduce mobile block padding

olipowell · September 26, 2019

Hi,

I'm trying to reduce padding on blocks for mobile only. There's a standard 40px 60px; added to all blocks which I can seem to reduce with the following code, but there's other padding that still contributes to a lot of white space

@media only screen and (max-width: 640px){
.Index-page-content {
   padding-bottom: 20px;
   padding-top: 20px;
     }
     }

URL www.rejectsupply.com Test123

Edited September 26, 2019 by olipowell
URL

erika_barichello · September 27, 2019

Are you trying to remove the padding around the whole block that includes both text and Image?

Try with this:

.sqs-block.image-block.sqs-block-image.sqs-text-ready {
margin: 0 !important;
padding: 0 !important
}

This will remove extra padding/margin around blocks that Squarespace adds automatically around blocks..

tuanphan · September 26, 2019

@olipowell you should share url to check.

olipowell · September 26, 2019

Ahh! Updated, and here: www.rejectsupply.com Test123

NELLY · June 8, 2020

Im having the same issue....

@media only screen and (max-width: 640px){
.Index-page-content {
   padding-bottom: 0px;
   padding-top: 0px;
     }
     }

That worked but didn't fully get rid of the spacing at least on my end...

tuanphan · June 9, 2020

4 hours ago, NELLY said:
Im having the same issue....
@media only screen and (max-width: 640px){
.Index-page-content {
   padding-bottom: 0px;
   padding-top: 0px;
     }
     }
That worked but didn't fully get rid of the spacing at least on my end...

If you share link to your site, we can take a look

Reduce mobile block padding

Question

olipowell

Link to comment

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Days

Posted Images

5 answers to this question

Recommended Posts

erika_barichello

Link to comment

tuanphan

Link to comment

olipowell

Link to comment

NELLY

Link to comment

tuanphan

Link to comment

Create an account or sign in to comment

Support

Community

Developers

Resources