-
AuthorPosts
-
February 9, 2016 at 3:32 pm #580421
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
- This topic was modified 8 years, 9 months ago by Jahrl. Reason: Forgot system status
February 11, 2016 at 3:35 pm #581681Hi 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!
YigitFebruary 13, 2016 at 12:16 pm #582689Do 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?
February 16, 2016 at 11:39 am #584079Hey 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,
YigitFebruary 16, 2016 at 12:36 pm #584113Hi 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?
February 17, 2016 at 8:21 pm #584922Hi!
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,
YigitFebruary 17, 2016 at 9:38 pm #584960Hi
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?
February 17, 2016 at 9:55 pm #584968Hey!
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,
BasilisFebruary 17, 2016 at 10:00 pm #584972Hmm 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.
February 20, 2016 at 6:39 am #586402Hey!
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,
IsmaelFebruary 20, 2016 at 12:38 pm #586441Hi
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;’ ) );February 20, 2016 at 10:18 pm #586533Hi!
Glad it got it short out and thanks for letting us know!
Please do let us know if you need anything else!Cheers!
Basilis -
AuthorPosts
- You must be logged in to reply to this topic.