District Theme - Header Size

fredrickp1991
Tourist
3 0 1

I am using the District Theme and would like the header to be slimmer...Aesthetically there is just too much white space on this header. Can someone please tell me how to change the margin on the header to about half the default size? Thank you very much!

0 Likes
NgnLoop
Explorer
60 10 46

Hi,

Can you please send the theme link with theme password if its password protected?

0 Likes
fredrickp1991
Tourist
3 0 1
dmwwebartisan
Shopify Partner
7446 1768 2368

@fredrickp1991 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.header.site-header{
padding: 0px !important;
}
header.site-header nav.nav-bar{
margin-bottom: 10px !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
LitExtension
Shopify Partner
1241 162 219

Hi @fredrickp1991

Please follow the steps:

- Step 1: Go to Online store > Themes > Actions > Edit code.

- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

header.site-header{

        padding-top: 0px !important;

        padding-bottom: 0px !important;

}

header.site-header .site-logo.has-image.h1, 

header.site-header div.has-image.site-logo, 

header.site-header h1.site-logo.has-image{

        padding-top: 10px !important;

        padding-bottom: 10px !important;

}

header.site-header nav.nav-bar{

        margin-bottom: 10px !important;

}

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes