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

Solved
Highlighted
Tourist
3 0 3

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

Highlighted
Shopify Partner
485 54 76

This is an accepted solution.

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.

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gamil.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
Highlighted
Tourist
3 0 3

Hello 

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

Highlighted
Shopify Partner
485 54 76

This is an accepted solution.

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.

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gamil.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
Highlighted
Tourist
3 0 3

Thanks a lot!

Highlighted
Shopify Partner
485 54 76

You are always welcome @umenlifeindia!

If helpful, please Like and Accept Solution
Want to hire me?
Contact Me At
WhatsApp or email me at umairabbascs@gamil.com
Hire me for 1) Theme coding 2) PSD to Shopify 3) Store optimization 4) SEO 5) Store setup 6) and more!
0 Likes