Why does my logo appear blurry on the Supply Theme?

Solved

Why does my logo appear blurry on the Supply Theme?

SSJewelry15
Tourist
4 1 0

Hello - When I upload my logo (both png and jpeg) in the header section, the logo looks blurry, however it looks perfect in Illustrator.

Can someone assist me with this?

My Shopify store is summer-soul-jewelry.myshopify.com, and you can view my logo with the link below:

https://cdn.shopify.com/s/files/1/0566/2638/0961/files/SUMMER-SOUL_logo.png?v=1621978831

Thank you!

Diana

 

 

Accepted Solution (1)

LitExtension
Shopify Partner
4865 1002 1163

This is an accepted solution.

Hi @SSJewelry15,

Please follow the steps:

- Step 1: Go to Online store > Themes > Actions > Edit code.

- Step 2: Go to Sections > header.liquid and change code:

section.settings.logo | img_url: '1x1' | replace: '_1x1.', '_{width}x.' => section.settings.logo | img_url: 'master'

https://i.imgur.com/2qUxG7o.png => https://i.imgur.com/5hSKMzJ.png

 

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 7 (7)

Michael_Pink
Shopify Partner
450 77 107

HI @SSJewelry15 
Your store has password, so I cannot check on live view.

My life is sharing!
I hope my solution can help you save at least 1$
Build Page faster with: PageFly PageBuilder App.

shopify.expert.team@gmail.com

LitExtension
Shopify Partner
4865 1002 1163

This is an accepted solution.

Hi @SSJewelry15,

Please follow the steps:

- Step 1: Go to Online store > Themes > Actions > Edit code.

- Step 2: Go to Sections > header.liquid and change code:

section.settings.logo | img_url: '1x1' | replace: '_1x1.', '_{width}x.' => section.settings.logo | img_url: 'master'

https://i.imgur.com/2qUxG7o.png => https://i.imgur.com/5hSKMzJ.png

 

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
SSJewelry15
Tourist
4 1 0

My apologies for the late response...I did not see this until today. Thank you so much for your help, changing the code did the trick!

KiranAm
Visitor
2 0 0

Hi, I still face the issue with Supply theme even after changing the code. The logo appears blurry on desktop Chrome, a little better on Desktop Safari and quite sharp on mobile. 

My website is : https://hetha-organics.myshopify.com/ 

Appreciate any help.

 

 

 

 

 

logo.png

Michael_Pink
Shopify Partner
450 77 107

Hi @KiranAm 
I think your image has huge size, you need optimize it.

My life is sharing!
I hope my solution can help you save at least 1$
Build Page faster with: PageFly PageBuilder App.

shopify.expert.team@gmail.com
KiranAm
Visitor
2 0 0

Hi Michael,

Thanks for the reply. 
I tried various different pixels and sizes. It is the same. 

Updated website link : www.hetha.in

Regards,
Kiran Amarnani

Imicthy
Visitor
1 0 0

Here’s my problem. As of late September 2021 that code literally doesn’t exist. my logo continues on it’s blurry path.