Twenty Thirteen: non-responsive layout in IE8

[jrbeilke]

Testing Twenty Thirteen with 3.6 beta and I'm getting scrollbars when resizing the window in IE8 less than 1060px wide.

[RDall]

IE8 doesn't support media queries so it can't be responsive like the theme is in other browsers.

See here: ​http://caniuse.com/#feat=css-mediaqueries

[whyameye]

Replying to RDall:

IE8 doesn't support media queries so it can't be responsive like the theme is in other browsers.

See here: ​http://caniuse.com/#feat=css-mediaqueries

While IE8 does not support media queries out-of-the-box, it does appear that the theme is intended to work responsively in IE8, as it is responsive in IE6.

You can test this yourself in Browserstack by visiting:
​http://twentythirteendemo.wordpress.com/

[obenland]

It looks like it's caused by the very first style in css/ie.css. It was introduced with the initial commit.

As far as I can see, removing it shouldn't break too many things (IE7/8). A path would be trivial, but it should be tested thoroughly.

[whyameye]

Thanks for this feedback. So far, experimenting with commenting out the line you suggest fixes the problem without causing other problems. For now to solve this I've set up a child theme which loads in the alternative ie.css with the line commented out and prevents the original ie.css from being loaded.

Replying to obenland:

It looks like it's caused by the very first style in css/ie.css. It was introduced with the initial commit.

As far as I can see, removing it shouldn't break too many things (IE7/8). A path would be trivial, but it should be tested thoroughly.

[phpmypython]

diff

[phpmypython]

That is the fix that needed to be added and i tested and got no problems in ie8.
Hopefully this is all that we need

[lancewillett]

Let's test the patch one more time and get this fix in for 4.1.

[zrothauser]

Tested and it's still working.

[lancewillett]

In 30386:

Twenty Thirteen: fix non-responsive layout in IE8. Props phpmypython, fixes #24194.