Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 12, 2013 at 4:26 pm #27641
    UKiain

    Hi all

    When I view the website on IE8, the browser seems “squeeze” the menu so that the items overlap the logo?

    I’ve tried reducing the size of the logo and the number of items on the menu but neither have fixed this.

    Here’s a screenshot

    http://i.imgur.com/BEVJDEn.png

    August 13, 2013 at 12:05 pm #134784
    UKiain

    It also looks as if the browser is compressing the logo. I thought there could be a problem with my browser but I checked other websites and they’re fine?

    Thanks

    August 13, 2013 at 6:04 pm #134785
    Ismael

    Hi,

    Please try this on your custom.css or Quick CSS

    .msie8 .main_menu ul:first-child > li > a {
    
padding: 0 8px;
    
font-size: 12px;
    
}

    or

    .main_menu ul:first-child > li > a {
    
padding: 0 8px9;
    
font-size: 12px9;
    
}

    Regards,

    Ismael

    August 13, 2013 at 6:55 pm #134786
    UKiain

    Hi Ismael

    I’ve tried both of these but the problem is still there.

    Can you suggest anything else?

    Thanks

    August 13, 2013 at 8:26 pm #134787
    Ismael

    Hi,

    Sorry for that. Did you remove the browser cache then reload the page after you applied the code above?

    Can you give us a link to your website? We need to inspect it.

    Cheers,

    Ismael

    August 14, 2013 at 2:59 pm #134788
    UKiain

    Hi Ismael

    I removed the browser cache before I tried both solutions.

    Here’s the link:

    http://www.drivedevelopment.co.uk

    Thanks

    August 16, 2013 at 3:11 am #134789
    Devin

    Hi UKiain,

    I’ve tagged the topic for Kries to take a look at. It seems the grid for the layout on the default size is a very small 910px which is causing the elements in the header to overlap.

    In the meantime, you can try installing this plugin to force IE8 to act a bit better: http://wordpress.org/plugins/html5shiv/

    Regards,

    Devin

    August 16, 2013 at 1:35 pm #134790
    UKiain

    Hi Devin

    I installed the plugin you recommended but this didn’t do anything. I’ll wait to see if Kriesi has a solution

    Thanks

    August 16, 2013 at 3:10 pm #134791
    dyoo

    Has this issue been resolved? I am also having the issue with my menu overlapping the logo

    August 18, 2013 at 5:19 pm #134792
    UKiain

    Not yet. I was hoping the update yesterday would contain a fix though

    August 19, 2013 at 8:42 pm #134793
    UKiain

    Hi guys

    Do we have a fix for this yet? Or an estimate of when one’s likely to be available?

    Thanks

    August 21, 2013 at 1:45 pm #134794
    Devin

    It looks like the html shiv doesn’t actually support media queries which I thought it did for some reason. Give this a try instead: http://wordpress.org/plugins/respondjs/

    Which should force IE8 to recognize the media queries which will expand the width of the whole container on desktop.

    The main/general issue is that the number of menu items is just too large for the default container width. So when IE fails to expand because it doesn’t support media queries your menu is just too large for the space.

    The above plugin is designed to force IE8 and below to understand media queries so hopefully that fixes the issue.

    August 21, 2013 at 9:43 pm #134795
    UKiain

    Hi Devin

    I installed Respond.js but this didn’t fix it.

    Thanks

    Iain

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Menu being squeezed on Internet Explorer 8’ is closed to new replies.