UPDATE I’ve deployed a live version on my FTP Link here! Hopefully this will influence an answer or at least a leading comment? 🙁
Modernizr 2.5+ has taken away native support of respond.js.
Problem: When Loading yesnope.js from Modernizr 2.5+ how can I to run Respond.js for IE6~8 media-query compatibility?
Potential answers:
-
The yesnope paths are incorrectly referenced.
-
Missed a step in installation.
-
hierarchy of scripts are conflicting
-
????
SCRIPT:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write(unescape('%3Cscript src="<?php echo get_template_directory_uri(); ?>/library/js/libs/jquery-1.7.1.min.js"%3E%3C/script%3E'))</script>
<script src="<?php echo get_template_directory_uri(); ?>/library/js/modernizr.full.min.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/library/js/scripts.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/library/js/libs/less-1.3.0.min.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/library/js/libs/selectivizr-min.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/library/js/libs/respond.min.js"></script>
<script src="<?php echo get_template_directory_uri(); ?>/library/js/libs/ggs.js"></script>
<script type="text/javascript">
Modernizr.load({
test: Modernizr.mq('only all and (min-width: 1px)'),//true if media queries supported
nope: 'library/js/libs/respond.min.js'
});
</script>
</body>
File structure
additionally
i’ve removed the top portion of Modernizr because it insisted to (neither versions work)
FINALLY SOLVED IT!
Uncompiled LESS files are not recognized respond.js. So use Simpless and you’ll get respond.js to work in IE.
Heres a similar questions