Support » Themes and Templates » Nav Bar problem in IE

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    You’re using padding to space-out your menu elements.
    Internet Explorer handles padding differently.

    If I were you, I would create a separate stylesheet for Internet Explorer 9, then add custom padding to that stylesheet.
    In the header.php file, I would then use HTML’s conditional statements to call it in
    http://www.quirksmode.org/css/condcom.html

    Hi Andrew

    I removed the padding and that solved it. Thanks!
    Do you know how I can get the categories to spread out evenly on the navigation bar so that I don’t have an empty gap at the end?

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Apply a width to each <li> element using the selector, #topMenu ul.sf-menu li.

    You can only get so-far, if you use a width greater than 82 pixels, your menu expands onto two lines.
    To circumvent this, I would then remove the appearance of the last list element to have no right border.

    Can you add a class to the last element?
    All you need to do then is add background-image: none on that last element.

    Thanks for the help, a bit advanced for me, but I’m sure I’ll figure it out.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Nav Bar problem in IE’ is closed to new replies.