Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
  • #27641

    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


    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?




    Please try this on your custom.css or Quick CSS

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


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




    Hi Ismael

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

    Can you suggest anything else?




    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.




    Hi Ismael

    I removed the browser cache before I tried both solutions.

    Here’s the link:



    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:




    Hi Devin

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



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


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


    Hi guys

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



    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:

    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.


    Hi Devin

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



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