Why does my logo appear blurry on mobile using Craft theme?

Hi All - hoping you can help me. My logo looks very blurry when viewing my site on mobile, but on desktop it looks better (could be sharper, but it is still ok). Using the Craft theme. Uploaded logo with 8000x4500 pixel dimension in PNG, it is very crisp; but and I am at loss on how to make it look crisp on the site. Thank you in advance!

desert-hound.com (password protected, but you can see the logo on the top)

1 Like

Hi @Fernanda_H

This is Richard from PageFly - Shopify Page Builder App

Please follow my instructions below

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: Please go to header.liquid file, find ‘header__heading-logo’ and change code here:

to this code below


Hope this can help you solve the issue

Best regards,

Richard | PageFly

Hi Richard,

Thank you very much for your quick response! I copied in your code; my header.liquid is slightly different than your screenshot. Can you please help me with highlighting in my screenshot what I should be exactly changing? When I copied in your code, unfortunately I could not get it to improve the quality. Thank you so much again, very much appreciated!!!

Sorry, here is the correct screenshot, I attached the wrong one earlier (I was trying to edit the ‘600’ to ‘master’ as some other posts suggested, but did not work).

May i know that did you change the code like this?
img_url: ‘master’

make sure that url: master without the width between