Wordpress parent/child theme not loading js in ie7+8

Question

I'm having trouble troubleshooting a new client site.

I'm using CSS media queries but for some reason modernizr/respond.js is not working for IE7 & 8 – I've been looking over this all morning and cannot fix it. Wondered if a fresh pair of eyes could spot anything I can't...?

Site is here: http://cy4or.co.uk

UPDATE: I'm wondering if this has anything to do with Parent/Child themes in Wordpress. Previously this site used one theme, I since split that theme into a parent and child theme and (I think) that's when the problem began.

UPDATE 2: It DEFINITELY has something to do with parent / child themes. activated just the parent them and all works fine.

Astrotim Astrotim · Accepted Answer · 2014-04-28T05:47:21

I too was suffering from Respond.js not parsing the media queries in my WordPress parent/child theme configuration which involves using @import in the child CSS file to pull in the parent theme CSS. I then discovered that according to the Respond.js documentation:

Respond.js doesn't parse CSS referenced via @import, nor does it work with media queries within style elements, as those styles can't be re-requested for parsing.

Since I am using Sass, the solution in my case was to @import the Sass file, not the CSS file:

@import '../parent/scss/style.scss';

This compiles the parent CSS into a single style.css file in the child theme and Respond.js renders the media queries as expected. If you were not using a preprocessor or had another reason to load the parent CSS file itself, this could be done with wp_enqueue_style.

function link_parent_theme_style() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_uri() );
}
add_action('wp_enqueue_scripts', 'link_parent_theme_style');

Technically, this question should read "Respond.js not working with WordPress parent/child theme"

Wordpress parent/child theme not loading js in ie7+8

3 Answers