How to make my logo bigger with Craft theme? It's so small!

[laurass]

Hi, 

I'm trying to make my logo bigger as it's SO small and limited to 300 pixels. 

I have copy and pasted the below code into the theme.liquid file however the image is pixelated.

<style>

img.header__heading-logo.motion-reduce

{ height: 210px; width: 1670px; }

</style>

Here's the link - https://7bfb21-35.myshopify.com/

Can someone please help?

Thanks

[niraj_patel]

Hello @laurass 
Try this
.header__heading-logo-wrapper img {
     height: 210px !important;
     width: 1670px !important;
}

but the logo image is blur when we set this height and width so adjust according to you.
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[laurass]

Thanks for your reply.

I've added the above but its still super blurry and condensed. See here - https://7bfb21-35.myshopify.com/

Thanks

[niraj_patel]

Yes this is happening because the width height you are setting is blurring the image.
Try this
.header__heading-logo-wrapper img {
     height: auto !important;
     width: 100% !important;
 }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[laurass]

Thanks, just tried this and the blur has gone but its still pretty small. Is there anything I can do to make it bigger? Thanks

[MKpublishing]

I am not sure if this will help, but I just discovered how to increase the logo size limit in the Craft theme. Go to edit code and find settings_schema.json under Config. On about line 22 is the max logo width of 300. Change it to a larger number. I used 450. 

Matt

[laurass]

Hi Matt, 

Thanks for this.

I've just changed it to 900, my image is 900 x 160 px, for some reason the image is super pixelated, see here -thesocialitesorority.co.uk

Any idea why this may be?

Thanks

[MKpublishing]

If you save your logo in SVG format, it will be sharper.

[Annesley75]

Finally!! Worked perfectly thank you!