I’m working on my website and noticed that the header is too thick…there is a lot of top/bottom whitespace padding. How do I remove that?

@almapiedra , Please add the below CSS code to at the end of your base.css file. @media(min-width:990px){ body .header{ padding-top: 0.5rem; padding-bottom: 0.5rem; } }

Can you please share your store URL? so I can assist you well.

That looks better, Thank you so much!

this didnt work for me completely, i managed to reduce the top-padding but reducing the bottom one just made it conflict with the sticky-header this is already present in line 1888 of the base.css file @media screen and (min-width: 990px) { .header { padding-top: 0rem; padding-bottom: 2rem; }

@Sweets-n-Things , can you please share your store URL? also, let me know what is the issue you are facing in your store.

Hello, I am wanting to remove padding to the left and right of the header but am having no luck

Thanks, https://jellytoys.com I was looking to reduce the padding above and below the logo slightly, as the top bar is too wide! is that possible? many thanks for your support

@Sweets-n-Things , Can you please add the below CSS at the end of the base.css file? I hope this will work fine for you. body .header__heading-link{ padding:0; }

@ThreeFive , can you please share the URL of your store?

Thanks for the coding to move the top padding down. For some reason mine only worked on the desktop version. Is there coding to make it work on mobile too? I’m just in trial mode at the mo but the url is oakandporter.co.uk . Thanks :slightly_smiling_face:

Dawn Theme: How to Remove the padding in Header

Store Design

Akibhusen January 1, 2022, 11:25am 5

@almapiedra If you got the solution then you can make this thread an accepted solution. so, others get to know that there is no need to add comments for this thread.

Topic		Replies	Views
Reduce top and bottom padding of the header bar Store Design design , css	9	113	August 13, 2025
How to eliminate more header padding in the Dawn theme when padding is set to 0px Store Design shopify-themes	4	93	October 15, 2024
Decrease Header Padding on Mobile Only Store Design header	7	111	August 5, 2024
How to remove large padding in header debut theme Store Design	3	41	February 7, 2022
How to reduce header margin/padding on mobile only? Store Design design , header , customizations , css	10	159	October 25, 2024

Dawn Theme: How to Remove the padding in Header

Related topics