I have been able to successfully add code to make all my image banners clickable, then I added code to have a separate desktop and mobile image banner in the home page. However, now my banner images are blurry, plus the mobile one is zoomed in more than I would like. Can anyone help? I’m using Dawn theme 11 .0.
HI @FrostBC
You might be adding a smaller version of the images. This depends on the code that you added.
Thanks for the response. I duplicated my site and on the current one that is live, the hero image is clear. The exact same file I use on the duplicated site with the new code for the separated images, and it is instantly blurry. So I’m not sure what you mean, the pixels are quite high as well so I’m not sure how to or if I should change this?
I noticed from lit commerce that apparently there is a way to fix this but the code heat provided is just in a picture, not raw for me to copy it. Would you happen to know how to do this?
Here is the thread I saw. https://community.shopify.com/c/shopify-design/dawn-theme-blurry-image-after-enabling-mobile-and-desktop-images/m-p/1546591#M410704