Reducing space above Logo? (Debut Theme)

Tourist
44 0 3

Hi everyone!

I'm trying to find a way to reduce the area of white space highlighted in red in the image below. Can anyone shed some light on this please? :)

http://imgur.com/a/9cSpF

Thanks for your time!

0 Likes
Highlighted
Shopify Staff
Shopify Staff
540 0 68

Hey, Sunil! 

Savannah here from the Shopify Guru Team. :) 

You should be able to add this piece of code to the end of your theme.scss (located in the Assets folder of your theme's HTML/CSS): 

.site-nav {
  margin: 5px 0 20px;
}

@media only screen and (min-width: 750px) {
  .site-header.logo--center {
    padding-top: 10px;
  }

}

You can play around with the px in order to reduce or increase the padding.

Let me know if you have any trouble doing that!

Savannah | Shopify Guru
support@shopify.com

1 Like
Tourist
44 0 3

Thanks a lot! Trying it now! :)

0 Likes