Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save carolineschnapp/a44ae815645f429d6a4a to your computer and use it in GitHub Desktop.
Save carolineschnapp/a44ae815645f429d6a4a to your computer and use it in GitHub Desktop.
Reduce vertical white space in header by half in #Supply theme.

What you have

Alt text

Alt text

What you want

Alt text

Alt text

How to get it

  1. Open the timber.scss.liquid file in the online code editor.

  2. At the very bottom of the file, add the code below.

.site-header {
padding: $gutter/4 0;
@include at-query ($min, $large) {
padding: $gutter/2 0;
}
}
.header-logo {
margin: $gutter/2 auto;
@include at-query ($min, $large) {
margin: $gutter/4 0;
}
}
@remotetech
Copy link

Hi carolineschnapp, your code did work but I still want to remove more space below my logo.

Also, on my iPhone 4s, when on the home page there is way to much white space below my logo but on other pages not so bad.

If possible, please advise if there is anything that can be done....Thank you!

@Ireneot
Copy link

Ireneot commented Aug 12, 2016

I also would like to know the same thing please

@mindylouu
Copy link

I cant seem to find the timber in the code anywhere? did this change?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment