How can I adjust the header height in the Dawn theme?

[Ahmed46]

hello,

I have a question. I'm trying to adjust/reduce the height of the header in the dawn theme and have endlessly tried to find the section in base.css - I've tried different methods but no code I'm using {the works on other themes I've used{ seems to work.
I'm trying to find and reduce the default head height.

Any suggestions?

[suyash1]

@Ahmed46 - we can use CSS, can you share your site link?

[Ahmed46]

Hey, @suyash1thank for the Reply.

www.numpli.com

[suyash1]

@Ahmed46 - check this logo link - https://cdn.shopify.com/s/files/1/0613/4697/1839/files/jpeg-removebg-preview_130x.png?v=1646059832

you can see the space around actualy logo, please remove that space and header height will automatically reduced a bit, then add this given css to the end of your base.css file and check

@media screen and (min-width: 990px){
.header {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
}

[Ahmed46]

thanks but that didn't work. I removed the background but the header doesn't look good @suyash1 

[AvadaCommerce]

Hi @Ahmed46 ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file:

@media (min-width: 990px) {
    .header {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.