Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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
HI @SSJewelry15
Your store has password, so I cannot check on live view.
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
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!
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.
Hi @KiranAm
I think your image has huge size, you need optimize it.
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
Here’s my problem. As of late September 2021 that code literally doesn’t exist. my logo continues on it’s blurry path.
Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-TekLabs to discuss practical strategies for...
By JasonH Nov 13, 2024The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024