WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Eleven
twentyeleven menu displays vertically in ie8 (only) (5 posts)

  1. spkane
    Member
    Posted 2 years 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?

    http://estey-hoover4demosites.com/scj/

  2. Caroline Moore
    Member
    Posted 2 years ago #

    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.

  3. spkane
    Member
    Posted 2 years ago #

    Sixhours - thx for the excellent insight.

  4. Caroline Moore
    Member
    Posted 2 years ago #

    Np :)

  5. spkane
    Member
    Posted 2 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic