White space in Logo - Minimal Theme

Melissa_Hoang
New Member
7 0 0

Hello,

I am trying to remove the white space from my header/ logo. I uploaded a PNG file - with no extra white space above or below it but it is still a ton of space around it.

Is there any way around this?

www.gilsamo.com

Thanks in advance,

Melissa

0 Likes
Elle_old
Shopify Staff (Retired)
Shopify Staff (Retired)
269 1 30

Hey, Melissa!

Stephanie here from Shopify. 

Let me start off by saying that your site looks fantastic :)

To reduce the white space, you would need to do a code customization. Where you're using a Shopify supported theme, you could use your design time to have this white space reduced!

If you'd like for our theme support team to make this change for you, just reach out to our support and we can help set that up for you!

Hope this helps :)

Stephanie | Shopify Support
0 Likes
tim
Shopify Expert
2926 143 1021

Hi Melissa, 

you may try adding this code to the bottom of the theme.scss.liquid  Asset:

/* make a header a a bit less tall */
header .wrapper .grid--full {
    padding-bottom: 5px;
}
header.site-header {
    padding: 5px 0 0;
}
.site-header .post-large--display-table {
    min-height: 0;
}

 

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
Styleper
Tourist
5 0 0

Hi there,

I managed to use this code to reduce the white padding on the header section for desktop view, but it doesn't auto change for mobile view.

Can you please help me on how to reduce the padding on mobile as well? Thank you so much and stay safe!

IMG_8467.PNG

 

0 Likes