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

Store Design
1

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?

2

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

3

Hey, @suyash1 thank for the Reply.

www.numpli.com

4

@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;
}
}
1 Like
5

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

6

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.