IE browser - blog header issue

[Hawk-Steve]

Hi guys

Just looking for a little bit of css support if possible. I've just noticed an issue that escaped testing on our pretty new blog layout design (Of course it is IE!).

https://blog.hawktraining.com/

The blog listing view acts as expected when above and below 1920px on various browsers. The menu collapses and works correctly when under 1920px width.

It's when viewing the blog's post view under 1920px width that the issue arises. The menu does not collapse as intended and the menu remains opened. The search icon and hamburger icon disappears too. This seems to only be the case in IE explorer

I had a go at debugging the issue, although I wouldn't really know how to correct the issue specifically for IE viewers and not affect other browsers too. Trying to use element viewer in IE is pretty awful too.

Any help or support you could offer would be really appreciated! 🙂

Steve

[jennysowyrda]

Hi @Hawk-Steve,

What version of IE are you seeing this issue in? 

I found a few resources that mention a similar issue in IE 9 (here) and IE 11 (here). Is the issue specific to one version of IE, or does it happen with different versions? 

Thank you,
Jenny