Main Nav appearing vertical in msie 9 and 10

[Abondy71]

Hey StudioPress Peeps,

Just finished a site for a client. She has an old laptop with msie10 on it. I am using the Beautiful Pro theme (love it)

However the main nav appears vertical on those versions of i.e.

Yes, have her update i.e. or preferably use another browser all together, but is there a fix for this?

http://namaste-yoga.net/

[David Chu]

Hi,
From here the site looks fine in IE10, IE9, even nasty IE8. I would guess that this person is using the questionable "compatibility view", which will dumb down the browser to IE7 crumminess and cause IE7-like poor menu behavior. If that's true, and they shut that off, the site should look great.

Also, you said "old laptop". IE10 is not exactly old, so maybe the client is lying and they're actually using terrible IE7.

Good luck,
D

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[karenalenore]

Ran into a similar problem on the outreach theme. Just wanted to post my solution here. Turns out Compatibility View was set by default for intranet sites so if the client's servers are in-house, this might very well become a problem!

The solution - force a site to not use Compatibility View. Add this to your functions.php file:

// Tell IE to display content in the highest mode available
add_action( 'genesis_meta', 'sk_ie_display_mode' );
function sk_ie_display_mode() {
echo '<meta http-equiv="X-UA-Compatible" content="IE=edge">';
}

Worked like a charm!

Answer found here: http://sridharkatakam.com/force-ie-render-genesis-site-pages-highest-mode-available-compatibility-mode/

[David Chu]

Good tip, Karen, Thanks!

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Mike]

// IE fix
add_action( 'genesis_meta', 'sk_ie_display_mode' );
function sk_ie_display_mode()   {
    echo '<meta http-equiv="X-UA-Compatible" content="IE=edge">';
}

Thanks for this Karen! Saved me a load of time.

[Author]

Posts