Make header smaller on supply theme

Solved
Highlighted
Tourist
6 0 1

Hi!

 

Does anyone know how to make the header on supply theme smaller? i have read some "solutions" but they didn't really seem to be working..

 

my URL is: https://www.yourpearly.com/

 

TIA! 

0 Likes
Highlighted
Shopify Partner
904 194 353

@Tessmichelle 

 

Go to theme.scss.liquid file and following code at the end of file:

header.site-header { padding: 0;}
header h1.header-logo { margin: 0;}

Cheers,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
1 Like
Highlighted
Tourist
6 0 1

Hi Tejas!

 

Thank you for your quick respond!

this is what I was looking for, but it seems a little too small now. 

is there like something in between "lots of space" and "no space at all" haha..

 

TIA!

0 Likes
Highlighted
Shopify Partner
904 194 353

This is an accepted solution.

@Tessmichelle 

 

then replace with following:

header.site-header { padding: 10px;}
header h1.header-logo { margin: 10px;}
Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
1 Like
Highlighted
Tourist
6 0 1

Hi Tejas!

 

That is just Perfect!! Thank you!

1 Like
Highlighted
New Member
1 0 0

Hi I have tried this, however, its not made any difference as thew header is still quite wide. The issue is the moment i add the logo there is too much padding. Please can someone advise me, thanks

0 Likes
Highlighted
New Member
1 0 0

This solved the problem for me too. Thanks :)

0 Likes