-
Posts
-
Hi
When customers use iPhone 4 or not updated iPhone 5/6 (iOS8x on Safari) the images are blurry.Screenshot, iOS8 – https://www.dropbox.com/s/ur92q84t8h5xd6p/iOS8.PNG?dl=0
Screenshot, iOS9 – https://www.dropbox.com/s/xe84di76vxpdenh/iOS9.PNG?dl=0I have put in this code after a forum ticket, it make the images better on retina anyway:
.avia-safari .avia-content-slider, .avia-safari .avia-content-slider-inner, .avia-safari .avia-content-slider-inner .slide-entry-wrap {
-webkit-perspective: 0px !important;
}URL to the site: https://hoganasgruppen.se/ (Product slider on start page)
Plz advice
EDIT: Sorry forgot to say, WP 4.4.2, Enfold 3.47, WC 2.5.2
Hi Magnus!
Can you please try adding following code to Quick CSS in Enfold theme options under General Styling tab
.avia-safari .avia-content-slider, .avia-safari .avia-content-slider-inner, .avia-safari .avia-content-slider-inner .slide-entry-wrap { -webkit-perspective: 0px!important; }Cheers!
YigitDo you ever read the full question? Do you go the the page and test your solution before recommend it?
Sorry about my “hard words” but this is not the first time I write what I have done and the support suggest me to do it again…
Just to make it clear: I have already done this…
Any other suggestions?
Hey Jahrl!
I have actually read and checked your website on my iphone 5s and was able to reproduce the issue but somehow i missed custom CSS code in your post. Sorry about that.
Do you mind creating a temporary admin login and posting it here privately so we can look further into it?
Regards,
YigitHi no problem…
I just want to solv the problem :)
info below!
FYI: The CSS is in the child theme style.css file, do you need ftp access?
Hi!
Can you please use this plugin and regenerate thumbnails – https://wordpress.org/plugins/regenerate-thumbnails/?
By the way, i have added custom CSS code i posted here – https://kriesi.at/support/topic/blurry-imges-on-ios8/#post-581681 into Quick CSS field. It fixes blurry issue on Safari on desktop :)
Best regards,
YigitHi
All thumbnails are regenerated with EWWW Image Optimizer (IMO a better plugin) but the same problem is there… But this is not the problem because it works on “updated” phones. So the thumbnails are fine
AGAIN, this code is already in the style.css file in the child theme… And it don’t help
Any other ideas?
Hey!
Have you tried to generate retina images?
https://wordpress.org/plugins/wp-retina-2x/Please do try that plugin and let me know if it works better as end result.
Regards,
BasilisHmm the images works on my iPhone 6s, my sons iPhone 5s, my GFs iPhone 6plus, my iPad Mini and my iPad Retina. I don’t think I need to change them. There is something wrong in the code on some phones. My guess non updated iOS.
Thanks anyway.
Hey!
You’re probably experiencing the same issue as the one on this thread: https://kriesi.at/support/topic/blurry-woocommerce-product-images-on-iphone-5s-using-enfold-theme/#post-582892
Regards,
IsmaelHi
Thnx Ismael, that did the trick! I added this to the function.php:
// disable responsive image
add_filter( ‘max_srcset_image_width’, create_function( ”, ‘return 1;’ ) );
- You must be logged in to reply to this topic.