make header smaller for desktop, dawn theme

Store Design
, , ,
1

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

website is www.alexandrawestbrook.com

2

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:

qasimdevloper_0-1742230872188.png
qasimdevloper_0-1742230872188.png565×165 18.7 KB

If you need more help let me know.

Thanks

3

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

Bhumii_0-1742232260890.png
Bhumii_0-1742232260890.png1895×888 193 KB

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

4

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.

5

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

6

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