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

laurass
New Member
8 0 0

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

Replies 7 (7)

techlyser_web
Shopify Partner
1609 299 322

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.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
laurass
New Member
8 0 0

Thanks for your reply.

 

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

 

Thanks

techlyser_web
Shopify Partner
1609 299 322

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.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
laurass
New Member
8 0 0

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
Tourist
8 0 1

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
New Member
8 0 0

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
Tourist
8 0 1

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