Jump to content

Adjusting Padding on Index Sub-Page

Recommended Posts

Site URL: http://www.mitchbakker.com

I'm running into a problem where two Index Sub-Pages are not retaining proper padding when scaled for mobile only. 

Specifically, the third sub-page which includes a quote (/book) is improperly laying over the second sub-page (/about) which has an Image Block with Overlap design. Please see SS where the Quote is way too far up...

I have checked the Site Styles > Padding, all seems in order. 

Any suggestions? Am I missing something? Thanks! 

Screen Shot 2020-01-31 at 5.56.05 PM-b.png

Link to comment
  • Replies 2
  • Created
  • Last Reply

you used margin-top: -300px

edit it to

@media screne and (min-width:641px) {
    #book {
    margin-top: -300px;
    padding-bottom: 0px
@media screne and (max-width:640px) {
#book {
    margin-top: -100px;
    padding-bottom: 0px


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


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.