Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #17561


    I have 7 main menu items, but 3 of them are in a line below. Firefox is fine, only IE of course. It cuts in the middle of the page.

    Can you please help me? I have no clue where I should look.

    Regards Kay


    Hi Kay,

    The only time i’m getting a second line wrap is when the browser window is resized to make it so that the amount of items is too many for that line. This happens in all browsers because the space is not enough for all of them at that smaller size.

    But in IE alone i’m not getting any singular behavior that I don’t see in any other browser.





    Yes but it only occurs when your screen size is between 989-768 pixels.wide. The only people I can think of using IE with such a screen in 2012 are nomadic tribes of Patagonia, inner parts of the Ural Mountains, and hunter-gatherers of the Amazon basin. Not big fans of yoga.

    But perhaps I am wrong and they are. So you would need to either remove the Home button since your logo takes you to the home page, and I think by now every internet user is aware of that fact, plus its useless for your homepage seo , since you are training google to think the page is about a home. If you do that, and then drop the font size by 1 on the menu, everything will fit. Otherwise you either need to make the names of your menu links shorter or drop 2 font sizes down while keeping the Home menu item. Also consider removing und infos and leaving it as praise, and infos can be in the contact page.

    Just remember that this is only happening to .01% of internet users, most of whom can’t read in German.

    Please add this to Quick CSS located in the backend at Choices > Theme Options > Styling , at the bottom of the page.

    @media only screen and (min-width: 768px) and (max-width: 989px) {
    .main_menu ul:first-child > li > a {font-size: 11px}
    .main_menu {min-width: 768px}

    The above code will make font size smaller by 2




    Hi, thanks for your answers. I working with 2 screens, 1920×1200 and 1280×1200 and I really have the problem with IE. My client as well, without having here permanent residence in patagonia.

    Here is my screenshot:

    But thanks anyway.



    Ok I found a solution on my own.




    Hey Kay,

    Strange, I wasn’t getting the same behavior when viewing the site with IE on my end (either IE8 or IE9). If you happen to see this, what was it that fixed the issue?



Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Internet Explorer warps the menu in two lines.’ is closed to new replies.