How do I reduce the size of my Header for Desktop/Mobile Dawn Theme

[rvernon23]

Hi how do I reduce the size of my Header for Dawn Theme I want to reduce it by half height for not only desktop but mobile to. Because I tried other post but it only reduces the header for desktop but it looks the same on mobile phone I need it for both. (Screen Shot and Link below)

https://the-billow.com/

[ParcelPanel]

It is probably because the size of your logo. Consider cropping the logo image. Only leave the text in the center - no margin at the top and bottom.

[irene-vintage]

Hello @rvernon23 ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file → add this following code at the bottom of page

@media only screen and (min-width: 750px) {
  .site-header {
    height: 50px;
  }
}

@media only screen and (max-width: 749px) {
  .site-header {
    height: 50px;
  }
}

Save and preview

Hope this can help you out. Let us know if you need any further support.

Ali Reviews team.

[Dan-From-Ryviu]

Please use upload this logo to reduce size of your header

Your previous logo is square so it make your header too many space

[INA_MSWEB]

Hi @rvernon23

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

I checked the site header, you need to resize the logo and then upload the logo in your header, i have already resize the logo pls download it and upload it again, then the header height can be decreased.
Logo- https://cdn.shopify.com/s/files/1/0606/5835/2313/files/Billow_logo.webp?v=1683604419

Regards,

San

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset → base.css and paste this at the bottom of the file:

@media screen and (min-width: 990px){
	.header {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
}

[HELDERWRLD]

Hello do you know how to reduce it on mobile?

https://diversusoficialsite.myshopify.com/
pass: Diversusoficial