Menu disappearing in IE8, appears on resize

[jreb]

In IE8 the menu disappears and only shows if you re-size your browser (even by 1-2 pixels). The menu shows if the page is loaded or sized below the break-point. But essentially in IE8 at anything above the break-point the menu isn't initially there until you re-size.

I have uploaded the demo files direct to my site. I haven't changed anything in these.
http://jamesrobertedward.com/responsive-nav.js-master/demos/ie-support-using-respondjs/

Note: seems to be fine in IE7 and 10. I don't have a copy of IE9 to check.

Thanks

[sikemalerno]

It's funny that you just posted this. I'm having the exact same issue and just came here to see if there's an answer. The main site works for you in ie8 right? (responsive-nav.com)

[jreb]

Ha, yeah, the site responsive-nav.com works perfectly in IE8 for me. This must be a new problem as I can't find anyone else with the issue... possibly an upgrade in 'respond.js'?

[ubiq1er]

Same issue here, i'm struggling for a few hours now.

For my part, when i reverse the "Responsive Nav CSS" from @media screen and (min-width: 767px) to @media screen and (max-width: 767px), and copy paste the CSS Properties from one side to another, it seems to get better on IE7 and IE8 (i had the same issue in IE7).

[jreb]

I found removing the 'clip' in the CSS seems to work, but bought up other issues in itself.

[jreb]

Really hoping there is a fix for this. I love responsive-nav and keen to use it on a few more upcoming projects.

[robalan]

I'm having the same issue and when I tried to test other instances, nothing shows on the page at http://responsive-nav.com/demo-respondjs/ in IE8. I also get an HTML Parsing Error there.

[skowronek]

I ended up stripping out the responsive menu classes and including them in an IE conditionally loaded class as IE can't read the media query to include the styles to make the menu non-responsive. Not sure how this is supposed to work in IE to be honest w/o using a media query polyfill for IE. Pretty sure it doesn't support IE 8 now that I look at the prototype in IE8.

[lukpon]

Try https://github.com/scottjehl/Respond. On IE8 worked very well for me.

[skowronek]

We went with the respond.js route today. Works fine. Thanks for the confirmation/recommendation.

[arielsalminen]

This issue is now fixed in the latest release I just pushed + the demo should now work too in IE8: http://responsive-nav.com/demo-respondjs/