Why does my logo appear blurry on the Supply Theme?

Store Design
1

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

2

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

3

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

4

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!

5

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
logo.png8774×1712 768 KB

6

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

7

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

8

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