Reduce Header Size - Dawn Theme

English Shopify Shopify Discussion
1

Hi! I would like to reduce my header size in the Dawn theme. I am only allowed to reduce it to 50px but I will like to go smaller to about 15px. Any help on how to do that? Also, I will like for my logo size to stay the same

2

Hello Dreadamu,

Welcome to Shopify community.

There are two ways you can reduce the height of header. I will start with the easier one first.

First Method:-

  1. Click customize next to your published theme.

  2. Select the header at the top of the page.

  3. On left-side window go to very bottom and adjust padding as per your liking.

Second Method:-

Note:-Always back up your theme before doing any code changes.

  1. Click the three dots next to customize and select edit code.

  2. From the left panel window Go to Assests → base.css.

  3. At the bottom of file paste below code (change the px as required).

.header-wrapper {

height: 15px !important;

}

Thank you.

3

Thank you! The code worked :slightly_smiling_face:

4

Glad to help you.

Please like and accept the answer if your issue is resolved.

Thank you.

5

Hello @dreadamu

I would like to give you the recommendation to support you so kindly follow steps below:

  1. Go to your Online store > Themes > Edit code
  2. Open your theme.liquid file
  3. Paste the below code before

I hope the above is useful to you.
Best regards,
GemPages Support Team