make header smaller for desktop, dawn theme

[ads18922]

hello, i want to make my header smaller for my desktop, the mobile is fine

website is www.alexandrawestbrook.com 

[thescriptflow]

Hey @ads18922 I hope you are doing well.

In order to make header smaller on Mobile the paste the following code in the end of base.css file.

@media only screen and (max-width: 767px){
.header {
    padding: 0px 3rem 0px 3rem !important;
}
}

Result:

If you need more help let me know.

Thanks

[ads18922]

read my post again, i said mobile is fine i just want desktop

[Michael-Thomas]

@ads18922 Take a look at my reply below. It should only apply to desktop. 

[Bhumii · Accepted solution]

From your shopify admin go to customizaion, in the customization you can see the header click on the header in the header you can see padding top and padding bottom setting set padding top and padding bottom 8-8

If you need any help please let me know.
Thank You!

[Michael-Thomas]

Hi @ads18922 

So your logo has extra spacing in it, I would suggest cutting out that extra space. I did the honour for you and attached the logo with the extra white space cut out. 

You can try adding this CSS into header > custom CSS block. 

.header{padding-block:8px!important}
.header__heading-logo{max-height:35px}

Hope that helps.