My mobile view banner looks very blurry but clear on desktop. Can someone help me on this please?
Password : kyle12477
these are the pages that appears blurry on mobile but clear on desktop :
https://nothingchanges.com.my/
https://nothingchanges.com.my/collections/women
https://nothingchanges.com.my/collections/men
https://nothingchanges.com.my/collections/eid-25-the-eid-venture-of-alys
Hello,
This usually happens because of image resolution or how the image is being scaled. Here are some steps I would recommend:
Some Shopify themes allow you to upload a different image for mobile. This lets you optimize the resolution specifically for smaller screens.
Use Chrome’s Developer Tools or other responsive design testers to see how the image looks on different screen sizes.
Hi @nothingchanges , Banners looks well on both mobiles and desktop screens.
No, it’s blurry. Please help
@nothingchanges First you need to upscale your images by using canva
do you have a specific size suggestions?
by using this app on canva you need to upload your current images upscale it and replace it with orignal
it is still the same. not working
I edited the code in a slideshow.liquid, main-collection-banner.liquid, and image-banner.liquid files to solve this issue for you.
you saved my life! thank you!
Very welcome!
Hi! can you please share what were the adjustments done on the code? thanks!
