How can I improve the sharpness of my logo on the focal theme?

Store Design
1

Hi there,

My logo is not as sharp as I would like to have it. It looks perfectly fine before it’s uploaded to Shopify. I tried increasing the size for better quality, but it didn’t help. I have checked other homepages and they all have a nice clear and sharp logo when I zoom in. Couldn’t find an answer when I googled that problem, it seems like that’s a common shopify problem. Any help would be greatly appreciated. Thanks!

https://www.cozyrainbowcottage.com/

Anya

2

I would like to give you some recommendations to support you.
You can follow these steps:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid theme file
  3. Paste below code before :

Hope my recommendation can works and support for you!
Kind & Best regards!
GemPages

3

Hi @Anya_2 ,

Please go to Actions > Edit code > Sections > header.liquid file, find ‘header__logo-image’ and change code here:

Screenshot.png
Screenshot.png1585×508 37.1 KB

Code:

img_url: logo_size

=>

img_url: 'master'

Hope it helps!

1 Like
4

Hi @Anya_2 ,

This is PageFly - Free Landing Page Builder.

You need to create a new logo in 450*250px size and then upload it (which a high resolution image). If the issue still persists when you have high quality image, then the issue is that your header code capped the quality of the image.

It changed the size of the logo in header

You can copy/paste your header code here for me to take a look at the logo and how your theme manages that.

Hope this can help you solve the issue

Best regards,

PageFly

5

Thank you so very much! It worked! And such an easy fix! I’m so happy - thank you thank you!

2 Likes