Removing Dead Space Above and Below Logo in Supply Theme

[Neil_Yoos1]

I'm sure this is asked a lot, but I can't find an old thread with directions that work for me. I would like to reduce the white space above my logo to a few pixels from what seems like a default of 40. The space below, between the logo and the main menu is also too big. How do I reduce these?

Check this out to see what I mean

https://ibb.co/ifgOYv

mesamerchandising.com

[Liam]

Hi Neil!

Liam here from Shopify - thank you for your question :)

Great to see you are looking to set your home page up to look exactly how you would like, so let's see how we could remove that space. If you go to the Edit HTML section of your theme, within the Assets folder you can open the theme.scss.liquid file. You are going to want to paste the code below at the very bottom of this file:

header.site-header {
  padding: 0px;
}

Once this is added and saved the space above and below the logo will be gone. If you do want a little bit of space, you could change padding to be 10px, for example, instead of 0.

Hope this helps Neil, if you have any other questions, just let me know!

Cheers,
Liam

Shopify Guru
support@shopify.com

[Neil_Yoos1]

This worked, thanks so much.

[moran_shalev]

Hi, thanks!

Can I do this also for Mobile ??

[dav1]

Hello same as moran because on mobile there is still a blank space under the logo How to reduce it please ?

[Jiayouya]

Awesome, but it still not worked in mobile device.

[Jiayouya]

Hello,I have the same issue with you , have you solved such issue?

[TylerS]

Did anyone get the solution for mobile?

[KetanKumar]

Hello, @TylerS 

Please share your site URL,
So I will check and provide a solution here.

[TylerS]

The url is www.uniquefindsusa.com