d
Topic
nickff Shopify Partner thefutureforward.com
Posts:
9
Last edited January 30, 2013

Using CSS3-Mediaqueries.js This post is outdated

Hi All,

I'm having an issue running css3-mediaqueries.js (a handy little script to enable media query support in legacy browsers). The script is supposed to work simply by being present in your code.

I've had no issue getting it to work in the past on non-shopify sites, so my guess is that it has something to do with how the shopify CDN is caching the script file. It's the only thing I can think of, as the file simply does nothing on my site.

Has anyone out there gotten this script (or something similar) to work on Shopify? If so, can you explain how? It would be much appreciated!

i
Replies
nickff Shopify Partner thefutureforward.com
Posts:
9
February 07, 2013

*bump*

anyone? 

Posts:
63
February 09, 2013

Hi Nick,

I've had a lot of success with Respond.js on Shopify sites, which does the same as css3-mediaqueries.js but I believe is more actively developed (and is recommended by Modernizr).

Perhaps you could give that a go and see if that works for you?

Cheers

Gavin

Author of http://gavinballard.com/mastering-shopify-themes/ and http://bootstrapforshopify.com.
Posts:
63
May 11, 2013

Following the above, I've had a number of people emailing me asking how I got Respond.js working with Shopify. As it turned out, the IE emulator I was using wasn't properly simulating older browsers and where I thought Respond.js was working, it wasn't when faced with a real browser.

However, I did do some further investigation and developed a technique for using Respond.js with Shopify, which I've made available on my blog here: Using Respond.js with Shopify.

Hope that helps a few people!

Author of http://gavinballard.com/mastering-shopify-themes/ and http://bootstrapforshopify.com.