How to eliminate more header padding in the Dawn theme when padding is set to 0px

[RitzTheater]

Hello,

I am trying to remove more padding from my header on my website, even though padding is already set to 0px. Is there a way to do this? My mobile header is still too thick. Website below:

https://www.ritzclearfield.com/

[Made4uo-Ribe]

Hi @RitzTheater 

If you like it more thinner you need to resize the image logo. 

If we adjust the logo, it will be thinner. 

[BSSCommerce-B2B · Accepted solution]

@RitzTheater, I think the reason is your logo is quite big 

You can reduce the height of your logo by following these steps

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head>

<style>
.header__heading .header__heading-link {
   padding-top: 0;
   padding-bottom: 0;
}
.header__heading .header__heading-logo {
    object-fit: cover;
    aspect-ratio: 3 / 2;
}
</style>

If it helps you, please like and mark it as the solution.

Best Regards 😊

[RitzTheater]

Thanks so much! That worked!

[namphan]

Hi @RitzTheater,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.header__heading-link {
    padding: 0;
}