Removing Dead Space Above and Below Logo in Supply Theme

Neil_Yoos1
New Member
2 0 0

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

0 Likes
Liam
Shopify Staff
Shopify Staff
640 16 223

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

Liam | Developer Community Manager @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit Shopify.dev or the Shopify Web Design and Development Blog

Neil_Yoos1
New Member
2 0 0

This worked, thanks so much.

0 Likes
moran_shalev
New Member
1 0 0

Hi, thanks!

Can I do this also for Mobile ??

 

0 Likes
dav1
New Member
1 0 0

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

0 Likes
Jiayouya
New Member
2 0 0

Awesome, but it still not worked in mobile device.

0 Likes
Jiayouya
New Member
2 0 0

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

0 Likes
TylerS
Tourist
6 0 1

Did anyone get the solution for mobile?

KetanKumar
Shopify Partner
14323 1665 5155

Hello, @TylerS 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
TylerS
Tourist
6 0 1
0 Likes