I'm working on a site for a local arts institution. The development site can be found here:
All is going along well and I decided to see if I could support retina screens as the images weren't displaying optimally on my Nexus 7 (2013).
Long story short, the plugin creates the @2x images without any issue but I'm having some issue serving them up.
This is the problem:
- the @2x images serve up on my Nexus when I visit a single page (such as http://ml.utility.bz/landscape-painting-within-a-landscape/) butfail to serve up when I visit the main index page (http://ml.utility.bz)
- I'm currently using the 'HTML Rewrite' method as it seems to work the best, for the case above where the @2x images get served. The other methods don't return any different results
- I've deactivated the other plugins (2) that I was using and this didn't change anything. I removed lots of other code just to test if there was a conflict, but I couldn't get it working on the main index page.
- even with Debug mode activated I can't get the images to generate on the index page.
Idea:
- I'm thinking it has something to do with the masonry/fluid/responsive images and how they get assigned dimensions, but I'm not sure. This is where my lack of knowledge fails me.
- I've tried retina.js on its own (without this plugin) and run into the same issue. Leading me to believe it isn't specific the plugin, but thought I might find some insight here.
Was wondering if anyone has any ideas.
I checked through the existing topics and couldn't find something that addressed this issue.
Please bear with me; I'm slowly learning as I go along.