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

Reduce mobile block padding

Question

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

screenshot-2019-09-26-at-141420.png.d8001656c0a2eb5a62c47362e443694c.png

Edited by olipowell
URL

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