Grow your CSS skills. Land your dream job.

Respond/Modernizr

  • # April 25, 2012 at 6:04 am

    I always have problems with this. The site is: Linky

    I’m currently trying Modernizr with Respond.js built it, but IE8 still ignores my media queries. I’ve tried Respond.js on it’s own. I’ve looked at my CSS and it seems fine. It’s not the “www” issue, because without the “www” it still doesn’t work. It’s not the minified issue either, because the CSS isn’t being minified.

    Any ideas? Just cannot see for the life of me what I’m doing wrong.

    # April 26, 2012 at 6:42 am

    Does nobody have any ideas or help for me?

    Please?

    # April 26, 2012 at 10:09 am

    :(

    # April 26, 2012 at 2:16 pm

    Hey Mike,

    As you’re using WordPress have you tried using the respond.js WP plugin instead of just the jquery plugin? http://wordpress.org/extend/plugins/respondjs/

    # April 27, 2012 at 3:54 am

    Damn you, that worked! But why?! All it is doing is loading the same script in the same place!?

    But THANK YOU. You’ve no idea how much of a headache you’ve saved me.

    # April 27, 2012 at 10:12 am

    No probs, glad I could help mate.

    Don’t really know the ins and outs of why it won’t work, probably something to do with the WordPress file structure. I had the same problem when using LESS on a WP site, and ended up just using the LESS WP plugin instead.

    # December 31, 2012 at 8:04 pm

    Hey Brightonmike, if it makes you feel any better neither works for me!

    I also am developing a site on WordPress and have added the respond.js minified file to be loaded with the ‘wp_enqueue_scripts’ hook in my functions.php file. It didn’t work.

    I saw this thread and hopefully tried the plugin, but it doesn’t work either. The plugin does load the exact same minified file, but does so with the ‘init’ action hook instead of ‘wp_enqueue_scripts’ (which is actually not the preferred hook to use). The only difference between my code and the use of the plugin is that the js file was inserted a few lines higher with the plugin.

    I’ve also tried the css3-mediaqueries.js, and it doesn’t work for me, either.

    I’ve developed my site to be ‘mobile first’. I think I’m going to give up for IE8 and below, assume that anyone viewing my site with those browsers is using a laptop/desktop, and serve up a fixed 960px layout.

    # January 1, 2013 at 4:34 am

    It is actually pretty common to serve IE users a fixed width version. 960 may be a little large, I use 640px :)

    http://jonikorpi.com/leaving-old-IE-behind/ has good info on this same thing.

    I never had trouble with getting either of the .js solutions to work, so I am no help there.

    # May 14, 2013 at 11:07 pm

    Johnny b u r magical! I had the same problem as brightonmike and was ready to jump off a bridge haha jk jk i was ready to throw my laptop of a bridge. I also had a wordpress site, played around with media queries for forever and nothing else worked but the respond.js plugin! Thanks so much!!

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".