[bobgarrett]

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.

[bobgarrett]

I suspect you meant:

#secondary-menu ul.menu ul { top: 45px; }

@media screen and (max-width: 1152px) {
#secondary-menu ul.menu ul { top: 35px; }
}

[bobgarrett]

I thought this was all resolved but – such is life – now have a related problem.

You recall you suggested adding
“Appearance => Theme Options => Custom CSS” box:
#secondary-menu ul.menu ul { top: 45px; }

which stopped the sub-menu disappearing when the mouse was moved down from the main menu to the sub-menu. I now see that in Firefox, IE and Chrome that when the browser width is narrow enough for the sizes to shift down the problem of disappearing sub-menus happens again. I can see this is because a gap opens up between the main menu and the sub-menu so the mouse “falls into it”. Reducing the 45px to 35px fixes it but then the menus overlap. Can you suggest how to close this gap in all browser widths? Maybe it needs to be in em’s or something?
Thanks

[bobgarrett]

Sorry to raise this again but now another user has reported the same problem of the dropdown menus disappearing when you move the mouse over them! The first two users say it is still OK for them after the fix. The latest user is using IE10. Any suggestions?

Thanks

[bobgarrett]

I had thought it must be some strange setting on one PC but another person has now reported it. Your fix seems to have resolved it.
Still don’t understand why it is different from PC to PC on IE but maybe that’s IE!
Many thanks.

[bobgarrett]

The site is http://www.ccrc.co.uk. Not really any point in providing a screen grab as it would simply show the dropdown not dropped down! Is there any setting in IE11 which might have caused this?

[bobgarrett]

Apologies, I now have a correction to the problem. The menu appears when you hover over the main menu item but when you slide the mouse down to the sub menu the submenu dissapears.
Any suggestions?

[bobgarrett]

Did this ever get resolved as I have a similar problem?
I am using dropdown menus and a slider. This is working correctly on my PC in Firefox, Chrome, IE11 etc.
However, one user says that in IE11 the dropdown does not appear. I have checked his compatibility view is off (like mine) and if desperate may ask him to reset IE11 to default but would prefer to find out why this happens in case others have a similar problem.

Thanks

[bobgarrett]

Great. Thanks.

[bobgarrett]

That’s great but even as a secondary menu, with its different style, it is still centred? It also has the colored background which I’d prefer not to have.

[bobgarrett]

Thanks but note it is still in an early stage of development!
http://www.ccrc.co.uk/wordpress

[Author]

Posts