Navigation bar does not show up correctly in IE11

  • Resolved travelgymguide

    (@marikylmala)


    9 years ago

    I have not been able to get rid of the problem with navigation bar links stacking instead being in row, this happens both in top and footer navigation, and shows up only with IE (using IE11). Topbar navigation also then covers the header.

    I tried to use custom.css with below but did not help either, and tried to deactive different plug-ins to see if they cause the appearance but could not find any issue.

    /* override the bootstrap.min.css styles being applied by IE */
    .nav > li {
    display: inline-block !important;
    }

    .nav > li > a {
    padding: 15px 14px !important;
    }

    http://travelgymguide.com/ – passwd is at the moment set as the theme name in question

    Thanks in advance for the help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Jesin A

    (@jesin)

    9 years ago

    I’m using IE11 on Windows 7 and the site renders correctly for me.

    Screenshot: http://i.imgur.com/KIeatCa.png

    bdbrown

    (@bdbrown)

    9 years ago

    Also works ok for me on IE 11.0.9600.17728

    Jesin A

    (@jesin)

    9 years ago

    I think you have compatibility view turned on. I turned it on and the site’s menus stacked up as you described.

    Go to Tools > Compatibility View settings, remove the site if it is in the list.

    Thread Starter travelgymguide

    (@marikylmala)

    9 years ago

    Such a small thing, feeling stupid!! Thanks a lot!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Navigation bar does not show up correctly in IE11’ is closed to new replies.