problems viewing drop-down navigation in Internet Explorer compatibility mode

Oh how I hate compatibility mode..

Try adding this to your custom css box in theme options:

#nav-main ul.sf-menu {
z-index: 1000;
}

Kadence Themes

Added the code, but it’s still not working.

Try adding this and the top code:

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
z-index:999;
}

We added that and the first code you posted, but now the drop downs are back to not displaying at all.

ok, try adding this to the mix and make sure you leave in the code you got from the other forum post.

#nav-main {
position: relative;
z-index: 10000;
}

Thats working for me.

This code…

The CSS modification:

.sf-menu li:hover ul,
.sf-menu li.sfHover ul { display: block; }

… plus the code you just posted, correct?

The drop-downs are back to displaying again, but still being mostly covered up by the slider.

Which version of IE are you trying to replicate in compatibility mode? Note that compatibility mode is temperamental, if you want accurate issues you should try to use the actual browser.
https://browserstack.com

We are looking at our website in compatibility mode both in IE 8 and IE 10 — in the actual browsers. IE 8 is installed on our XenApp Citrix desktop and IE 10 on the actual computer desktop (if that makes sense…).

In both versions, the drop-downs don’t function properly when compatibility mode is switched on.

I have tested this and it seems to work in ie:8 compatibility mode…

#nav-main {
position: relative;
z-index: 10000;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
z-index:999;
display:block;
}

And I’m now totally in the mood to rant about the developers of IE

Kadence Themes

It worked! Thank you so, SO much!!