Jump to content

Adjust spacing on mobile device?

Recommended Posts

Hello,

I am attempting to adjust the spacing of the home page on a mobile specific device.

www.philipandco.comPassword: arvasolutions

Currently when you arrive on the homepage of the website on a mobile device the first peice of content is the subscribe block, however, the block is so far down with tons of white space on the mobile device you can barely see it. Is there a way that I can adjust this through the developer platform and if so I would love your help!

Cheers

Link to comment
  • Replies 6
  • Views 13k
  • Created
  • Last Reply

Add this code to your custom css from Design> Custom CSS

I would recommend adjusting the max-width as per your needs. The padding-top and padding-bottom are currently 150px by default. I have changed it to 10px


/*remove padding for mobile devices*/
@media only screen and (max-width: 640px){
 .index-section-wrapper .content:not(.gallery-content) {
     padding-top: 10px;
     padding-bottom: 10px;
 }
}



Link to comment
  • 1 year later...

Thank you! Really helped me finding the code for adding right and left padding on Rover mobile texts.


/*add padding to text for mobile devices*/
    @media only screen and (max-width: 640px){
      .sqs-block-html .sqs-block-content {
          padding-right: 25px;
          padding-left: 25px;
      }
    }


Link to comment

Archived

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.