How to increase logo size on dawn theme without increasing header size.

[majaa]

Hi,

How do I increase the size of my logo, without increasing the header size? When I enlarge by logo the header size also increases but I don’t want this.

Store link: https://sixinch.com.au/

thanks

[suyash1]

@majaa - check your logo, it has a lot of white space around it making actual logo smaller, crop that space and reupload the logo and your issue will be solved.

[B2Bridge]

Hi @majaa ,
It seems that the issue lies with your logo size. Currently, the logo has a 1:1 ratio (square). You may want to adjust it to better fit.

[Promer-Alena]

I think you should upload your logo at 2-3x your desired display size for crisp rendering

[Dan-From-Ryviu]

Hi @majaa

You upload a square logo with a white background above and below. Please crop it so you can increase logo size without increasing store header size

[Arif_Shopidevs]

@majaa
The only way to upload your logo again and remove the top and bottom white space and enlarge the logo. It will fill up your existing space with big size without increasing the header size.

Thank you

[DaisyVo]

HI @majaa

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

.header__heading-logo-wrapper img {
    width: 200px !important;
    margin-top: -25px !important;
}
.header__heading-logo-wrapper {
    height: 150px !important;
    overflow: hidden !important;
}

Here is the result:

I hope this helps. You can adjust the number on the code to make it suits with your store

Best,

Daisy

[majaa]

thank you, this was the easiest solution and it worked.