Supply Theme - change header size

Highlighted
Tourist
5 0 3

Header in supply theme provides 'minimalist' header with plenty of white space around logo and main menu buttons. I have reduced the size of the header itself by inputting piece of code as described in another help forum post.

.site-header {height:150px;padding:0;
}

 I now want to reduce the amount of white space at the base of the header below the horizontal main menu buttons. How do I do this?

1 Like
Highlighted
Shopify Partner
5118 753 1670

@emmakkk 

Welcome to the Shopify community!
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
1 Like
Highlighted
Tourist
5 0 3

sw-coast-weymouth-2.myshopify.com

0 Likes
Highlighted
Shopify Partner
5118 753 1670

@emmakkk 

if you have front end password is confidential so please to a personal message as you like.

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
1 Like
Highlighted
Tourist
5 0 3

I have removed the password now so you should be able to access.

 

0 Likes
Highlighted
Shopify Partner
5118 753 1670

@emmakkk 

Thakns allo good
can you please resize logo on admin also add below code

.site-header {
padding-bottom: 0;
}
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
2 Likes
Highlighted
Tourist
5 0 3

Hi,

I have never really edited code before so excuse the ignorance. Where do I place this bit of code please?

1 Like
Highlighted
Shopify Partner
5118 753 1670

@emmakkk 

Sorry for that

please flow this step

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.site-header {
padding-bottom: 0;
}
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
Highlighted
Tourist
5 0 3

This hasnt provided a solution - please see my site now. the header is only marginally smaller with vast amounts of white space.

 

1 Like
Highlighted
Shopify Partner
5118 753 1670

@emmakkk 

Thanks for update.

can you please provide exactly issue screenshot so i will provide proper code.

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