How can I reduce header height in Dawn theme?

Store Design
1
  • How do I make the header smaller in height in dawn theme
2

Hello @ti7

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.header{ height: 67px; }
3

Does this change it for mobile as well

4

yes

5

Hello @ti7 ,

I understand you are looking to adjust the header section height in your shopify store.

You can change the height by just adjusting the section padding in Dawn theme customizer.

Please follow the below mentioned steps for the desired changes-:

  1. Go to Online Store → Themes → Click Customize https://prnt.sc/rH1d2ByG-CW3

  2. Next, In the customizer the number of options will be provided by the customizer for making changes in the different section https://prnt.sc/-a_kJWYCuqD2

  3. Click on the “Header” Option https://prnt.sc/_8oua0s1ab4A , the dedicated header section panel will open https://prnt.sc/7_meOj-dir9E

  4. Now, scroll down and make changes in “Section Padding” option https://prnt.sc/med-ck-Ll6uR

Adjust the “Section padding” slider as per your requirements.

Please take a look at attached screenshot -:

[The changes will be applied on mobile screens also.]

  1. Save changes.

I hope the solution helps you.

Please let me know if you have any query.

Thank you.

6

what’s the code if I want to do it for the announcement bar

7

for it to chnage height on mobile