[DiabolicalnameParticipant]

My client is having trouble viewing the website properly (Windows 8 IE11), all the css is out of kilter and most of my images are showing up squared (rather than circled), the wrong size and responsiveness is remiss. (he’s based in the States currently).

I read on a previous post that maybe the problem was due to an Emulation setting on his version on IE11 (i.e. he was set to show version 8).

So I talked him through the Emulation settings, F12 browser etc. And he sent this back…

Looks like his ‘default’ setting is 7. Not Edge. And apparently that’s the same for other people in his organisation as well. He sent me this “Tried it on a couple of colleagues’ machines. Same problem. And the solution you suggested works whilst document mode is open, when you close the tab, it reverts to the 7 default. Make sense?”

So suddenly, the X Theme doesn’t work for anyone within his company!!!!! This is a massive problem for me, can someone explain why his default settings and those of his colleagues would be set to 7 rather than edge (and it’s unchangeable). And is this potentially a problem across the whole of the US?

[DiabolicalnameParticipant]

Scratch that last question about the whole of the US, what was i thinking?! I think the issue is quite well summed up here:

http://stackoverflow.com/questions/13949858/why-does-ie9-opens-in-document-mode-as-ie7-standards

ie. I think there are a number of things I need to sort out.

A) There needs to be a meta in the header directly below the title:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

B) I could alternatively/also set this in the web.config:

<system.webServer>
    <httpProtocol>
        <customHeaders>
            <clear />
            <add name="X-UA-Compatible" value="IE=edge" />
        </customHeaders>
    </httpProtocol>

C) I could also set it via the web server Virtual Host Config:

Header set X-UA-Compatible "IE=edge"

Surely One, two or all three of these approaches would remedy the situation. So my first question, is there any capacity for dropping Meta code into the header via a child theme?

[KoryKeymaster]

Hey there,

Thanks for writing in! So we may look to add this into a coming version of the theme by default just to ensure the most recent engine is being used in IE whenever present, so keep a lookout for that in future changelogs. If you want to implement this for the time being you can do it either by updating the global _header.php file via your child theme, or by hooking into wp_head in your functions.php file. This article in the Knowledge Base explains the process for updating views:

https://community.theme.co//kb/customization-best-practices/

And this article explains how to utilize hooks, and specifically shows a wp_head example:

https://community.theme.co//kb/customization/actions-and-filters-in-x/

Cheers!

[Author]

Posts