How can I adjust the header height in my online store?

Store Design
1

Hey everyone hopefully your having a wonderful day,

So I am facing a problem with my header in my Shopify store, I want to adjust the height of it but I am unable to find the code, or the file in which I can make adjustment. The following are some giving info about my situation:

  • I have dawn them

  • I don’t have (theme.scss.liquid) file in my list

  • I don’t have (theme.scss.css) file in my list as well

tryme.png
tryme.png1346×659 389 KB

2

Dawn theme uses the file base.css to store its CSS.

3

Thank you I found it in my list, but still I don’t know how to adjust the height of the header.

4

try going to customize theme > header(on the left)

then on the header panel on the right side of the screen, scroll to the bottom and change the spacing variables.

5

It doesn’t work unfortunately that is why I am seeking the code method

6

Hi @forever12008

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_0-1675130141983.png
PageFlyVictor_0-1675130141983.png400×225 38.4 KB

If the code doesn’t work please share the URL and password so I can check more

Hope this answer helps.

Best regards,

Victor | PageFly

7

First, let me thank you for the effort, because this code does work, but it doesn’t lower the height less than 0 (I want to make it lower than 0, to reduce it more, like negative values ).

So let me show you in pictures what I am aiming to:

  • This photo shows how the header before editing:

tryme.jpg
tryme.jpg1346×588 49.7 KB

  • And this photo shows how I want to make it (I used inspect option in chrome to illustrate this):

tryme1.jpg
tryme1.jpg1364×650 106 KB

Thank you very much

8

Can you share your store URL and password so I can check more?

9

Thank you for your reply, I have found a suitable solution to my issue, I have resized the logo image and everything is fine now.

Thank you again