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

    Hello,

    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.

    http://yoga-in-blankenese.de/

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

    Regards Kay

    #95920

    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.

    Regards,

    Devin

    #95921

    Hi,

    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

    Thanks,

    Nick

    #95922

    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: http://yoga-in-blankenese.de/transfer/screen.jpg

    But thanks anyway.

    Kay

    #95923

    Ok I found a solution on my own.

    Thanks

    Kay

    #95924

    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?

    Regards,

    Devin

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

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