Jump to content

Mobile Site Remove Header Padding

Recommended Posts

14 hours ago, Leeloo77 said:


I'm trying to reduce the header padding under my site title for mobile only, so that my content is less vertically spaced on screen. Any help would be appreciated!

Hey @Leeloo77 try to add next code in custom CSS:

@media only screen and (max-width: 750px) {
  #header {
    margin-bottom: 0;

  #logo a {
    display: block;

  .extra-wrapper.page-header .sqs-layout .sqs-row:first-child [class*="sqs-col"] .sqs-block:first-child,
  .extra-wrapper.page-header .sqs-layout.editing {
    margin-top: 0;


SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Link to comment

Create an account or sign in to comment

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

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