Hi there
I’m having some sort of issue with my site and Woocommerce. When browsing it on desktop, product images look just fine, but when I enter through a mobile browser, they look blurred.
The link is this one
Any help will be greatly appreciated.
Thanks
Edit: I forgot to mention, my original product image sizes are 600×600
Hi gasto,
Your images look fine on my end using iphone6/chrome, what browser/device are you using? Please post a screenshot of what you are seeing on your end.
Regards,
Rikard
Thank you for the answer Rikard, it might have been some sort of bug with my mobile browser. They look just fine.
Sorry for the trouble.
Thanks
Hey!
Glad it is working fine :) We have put together some info about enfold theme please feel free to check it out here – http://kriesi.at/documentation/enfold/
Thank you for using Enfold.
Regards,
Vinay Kashyap
Hi, sorry to bother again. It seems this is still happening.
Here’s an image I got from an iPhone: http://i68.tinypic.com/339olck.png
Any clues?
Thanks
Hi!
Please try adding following code to Functions.php file in Appearance > Editor
add_filter( 'max_srcset_image_width', create_function( '', 'return 1;' ) );
Best regards,
Yigit
Hey, thanks for the quick reply! It’s working now :)
One question, why was this happening to my site?
Thanks again.
Hey!
That is because of a featured added in WordPress 4.4. You can read more here – https://make.wordpress.org/core/2015/11/10/responsive-images-in-wordpress-4-4/
Best regards,
Yigit
Great, thanks again for your help.
Hi!
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Regards,
Yigit