Support » Themes and Templates » Twenty Eleven » twentyeleven menu displays vertically in ie8 (only)
5 years, 3 months ago
Top menu displays horizontally in ie7, FF, Chrome, and Safari but vertically in ie8. ie8 seems to be ignoring the styling of #access li. This is a heavily modified version of twentyeleven.
Anyone experiencing a similar issue?
I’ve seen this problem before… IE8 won’t recognize the NAV tag. Try changing it to a regular old DIV tag, or surround the NAV tag with a DIV and give it the style ID #access instead.
Sixhours – thx for the excellent insight.
Turned out to be a coding error on my part. Was missing a closing tag on the <!–[if IE 7]> statement in header.php.
Ironically ie7.css was still referenced okay – and the menu displayed fine in ie7 – but ie8 displayed it vertically.
Once the <![endif]–> was added in header.php, it was all good.
Thanks to sixhours, whose suggestion helped me trip on the solution.