Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Reduce mobile block padding



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 by olipowell

Share this post

Link to post

3 answers to this question

Recommended Posts

  • 0

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..

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...