Twenty Fifteen: Menu fails to render on IE 11.0.48; OK on 11.0.47

[petergreen5678]

See my simple site at ​https://petergreenweb.wordpress.com/ - on every page, the menu works fine with Chrome on Win 7 and Android, and with IE 11.0.47 on Win 7, but fails to render or function in IE 11.0.48 on Win 7 (admittedly on a different PC).

[petergreen5678]

Top of home page as rendered by IE 11.0.48

[petergreen5678]

Top of home page as rendered by Chrome on Win 7

[SergeyBiryukov]

Hi @petergreen5678, welcome to WordPress Trac! Thanks for the report.

Can't reproduce here, the menu works fine for me in IE 11.0.48 on Windows 10: 42559.PNG​. Do you have any browser extensions intalled?

[petergreen5678]

Hi Sergey, thanks for amazing response. I'm afraid I don't think I understand the question (in spite of a quick search to find out). I have not knowingly added an extension - how can I tell? Peter

[petergreen5678]

Does this screenshot help?

[petergreen5678]

Screenshot of my IE add-ons

[hellofromTonya]

Peter provided feedback and screenshot of add-ons. Removing reporter-feedback.

[sabernhardt]

Sorry, the ​support forums (or WordPress.com support) probably would have been more helpful. And now few people use Internet Explorer anymore.

I can set the background color and use the menu at various widths with Twenty Fifteen and no plugins. So I'll close the ticket as "works for me."

However, the problem (still) can occur on your site in IE 11 at smaller window widths. This seems to be related to a custom colors plugin, and maybe another. The custom background color does not work because a script is supposed to add a small-screen body class when under 955 pixels. The menu does not expand, but I do not have console errors to explain why.

If you already have access to the "Additional CSS" feature under Appearance, you could try adding this for IE users:

@media all and (max-width: 954px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.sidebar .site-header { background-color: #202020; }
	.sidebar .secondary { display: block; background-color: #202020; }
}

Otherwise, you could try deactivating certain plugins and/or contacting support.