Theme in IE

Tagged: IE

This topic has 29 replies, 4 voices, and was last updated 9 years, 7 months ago by Sakin.

Viewing 10 posts - 21 through 30 (of 30 total)

← 1 2

Author

Posts
March 8, 2015 at 7:57 pm #52912

Sakin
Keymaster

@bobgarrett: Yes you are right. I have corrected it.

May 17, 2015 at 9:30 pm #57840

bobgarrett
Participant

I now have a further problem with IE11. I am using Shiftnav to provide a menu (burger icon) when the screen is too narrow for the normal menus. This works on most phones and PC browsers except Windows Phone and IE11 on PC with a very narrow screen where it does not work.

To quote the Shiftnav author…
So earlier versions of IE (like IE8) don’t support CSS transforms (which means ShiftNav won’t work). Since those browsers also aren’t responsive and don’t appear on mobile devices, the solution employed by the plugin is simply to hide ShiftNav for those browsers.
In your case, the issue is that your theme is adding the “ie8” class to your html tag – even when viewing in IE11. As a result, ShiftNav is hidden.
I’m not sure why the site is doing that, but it is that ie8 class being added that is causing the problem. Removing that (or making it appear only when IE8 is actually in use) would resolve the issue.
The ie8 class is being added to your html tag even when I view the site in IE11.
Looks like the class is added via javascript from what I can tell. Could be the theme or it could be another plugin that is responsible.

Is this correct and is there a fix? Thanks.

May 18, 2015 at 4:08 pm #57877
Sakin
Keymaster
@bobgarrett: We don’t have IE8 class for IE11. See the code below:
```




<html <?php language_attributes(); ?>>

```
If it’s IE6, then it will load id ie6, for 7 it will be ie7 and for 8 it will be ie8 but for other it will not add any id at all.
May 18, 2015 at 4:58 pm #57885

bobgarrett
Participant

Thanks.
However when the code is examined in IE11 the <?php language_attributes(); ?>> is resolved to <html class=”js ie ie8″ lang=”en-US”> and the ie8 references seems to disable Shiftnav.
You can see this at http://i.imgur.com/iSDBkVl.png
Any suggestion where this class is coming from?

May 18, 2015 at 6:36 pm #57888

Sakin
Keymaster

@bobgarrett: You need to check using view source in IE11. Looks like you are check in from IE Developer tool using IE8 as default browser.

May 18, 2015 at 7:17 pm #57892

bobgarrett
Participant

I am using IE11 (not in compatibility mode).

View source shows the key line as:
<html lang=”en-US”>
But developer tool shows:
<html class=”js ie ie8″ lang=”en-US”>

Something is changing it?

May 19, 2015 at 9:50 am #57928

Sakin
Keymaster

@bobgarrett: Look like you are viewing in IE11 but with IE8 view mode. Sorry no control from our side.

May 19, 2015 at 2:06 pm #57952

bobgarrett
Participant

Definitely not switched to compatibility mode and the same problem arises on the Windows Phone which has no such setting. Are you able to see the problem yourself (www.ccrc.co.uk) or could your IE11 be different? Mine is version 11.0.19.

May 19, 2015 at 4:44 pm #57958

bobgarrett
Participant

I have identified the problem by creating a new site and adding plugins one by one. Another plugin is adding the ie8 to the class. Apologies for wasting your time.

May 19, 2015 at 7:50 pm #57977

Sakin
Keymaster

@bobgarrett: It’s ok. I was sure that it’s not from our theme. Thanks 🙂
Author

Posts