My site works fine on desktop and from what I can see, it works in responsive desktop, but things get strange on retina mobile and tablet.
The site is http://antojandoando.com/ which looks normal on desktop, but the pictures on home page do not display on mobile or desktop.
This carries into the posts where the top image does not display:
http://antojandoando.com/explorando/articulo-20-clasicos-de-los-80s/
Oddly, this is not a problem on recipe posts (a custom post type) which have no problem displaying a lot of images on retina mobile:
http://antojandoando.com/recetas/arroz-mixto-con-salchicha/
Also strangely, the same images work fine on mobile/tablet on the category pages:
http://antojandoando.com/topics/recetas/arroces/
I am running out of ideas on what might be happening. The tech support at wpengine said that: “it looks like whatever is serving the images is having issues replacing .png with @2x.png for retina screens, for the higher resolution”
Any ideas?
Thanks!
Greg
Hi Greg,
This seems to be a plugin conflict as you have a js error in your console: http://screencast.com/t/LA5gCa1WI
Images are not disaplying as the image animation effect (lazyload) breasks first upon a js error. If you disable lazyload from the theme panel, your images will display again, but the problem will not be solved as other parts of the site that use javascript could also break if you have this conflict. The best thing to do is disable all plugins except visual composer, clear cache and reset cdn files. Then enable plugins one by one and see which one causes the issue.
Thank you!
Thanks Bogdan! I will try your suggestions.
Greg
