Remove excess margin from header top and bottom - Theme: Supply

Store Design
1

Hello,

I am making my website at www.umenlife.in

After adding the logo in the header, I want to reduce the excess top and bottom margin outside the logo.

The theme I am using is ‘Supply’.

I want it to be changed through out the site where the banner is visible.

Please help. Thank you.

Aaditya

1 Like
2

Hey there @umenlifeindia ,

Add the following code to your theme.scss.liquid file

#shopify-section-header .site-header {
padding: 0px !important;
}

#shopify-section-header .header-logo {
margin: 0px !important;
}

Hope that helps.

1 Like
3

Hello UmairA,

Thank you very much for your prompt help. It did the job perfectly.

Please also advise about removing the excess margin from left and right ends.

Thank you.

Aaditya

1 Like
4

Hey, again @umenlifeindia ,

Love to hear positive feedback!

Here you go

#shopify-section-header .site-header .wrapper {
max-width: unset !important;
}

You are welcome. Let me know if you need help with anything else.

1 Like
5

Thanks a lot!

1 Like
6

You are always welcome @umenlifeindia !

1 Like