Question

I included Modernizr on my site:

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/modernizr.custom.js"></script>

and I have this in custom.js:

if (Modernizr.mq("screen and (max-width:480)")) {
alert("hello");
}

I resized my browser to be 480px, refreshed the site, but I didn’t see any alert.

Any suggestions to fix this?

Answer 1

You need the unit value px in your media query:

Your line:

if (Modernizr.mq("screen and (max-width:480)")) {\

Should be:

if (Modernizr.mq("screen and (max-width:480px)")) {