Plugin No completely Working with Responsive Images/Layout

I’m working on a site for a local arts institution. The development site can be found here:

http://ml.utility.bz

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.

http://ww.wp.xz.cn/plugins/wp-retina-2x/