Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #24245

    Hi Guys,

    Hoping you can help. I’m just running final browser checks for my site and the logo is huge in IE8 (fine in 9 & 7). You can see how big it is here: http://i.imgur.com/fqUxLkz.png and how big it should be here: http://llep.19grams.co.uk

    Thanks

    #122880

    Also, the buttons seem to be displaying incorrectly. It should be like this: http://llep.19grams.co.uk/pricing-tiers/ but it displays like this: http://i.imgur.com/kOtiOep.png

    #122881

    Hi,

    Your logo is 250×243 and displays as 144×150 . You should resize it to 144×150 and reupload it and IE8 will show it at full size as its doing now while other browsers display it at smaller size.

    Thanks,

    Nick

    #122882

    Thanks Nick. Any idea about the buttons issue?

    #122883

    Hi,

    Add this on your custom.css

    .avia-button. {
    background: #A6CE399;
    }

    .avia_iconbox_title {
    color: #3339;
    }

    IE 8 below doesn’t support background-color and rgba colors.

    Regards,

    Ismael

    #122884

    Hi,

    Please use Ismael’s code above.

    But yes, IE8 has problems with display, but IE is getting a little better complying with web standards with each new version. I think IE2 only supported Morse Code for background colors… that must have been rough.

    Thanks,

    Nick

    #122885

    Haha, glad I wasn’t coding back then! That’s worked great but now when the logo usually resizes with the header nav as the user scrolls down, it doesn’t in IE8. Is there a way to either make it re-size on scroll or have a different nav treatment just for IE8?

    Thanks

    #122886

    Hi,

    Sorry for the delay. Endless power failures.

    I think the reason for the logo not resizing is because of this css specific to IE8 which forces the logo to be displayed at a specific size. You are forcing 150 height. You should take that css out. 1st 2nd and 4th block.

    <!--[if IE 8]>
    <style>
    .logo a{
    max-height: 100% !important;
    }

    .logo a img{
    height: 150px;
    }

    body .avia-button.avia-color-theme-color, body .avia-button.avia-color-theme-color:hover {
    background: #a6ce39;
    }

    #header_main .container {
    height: 150px !important;
    line-height: 150px !important;
    vertical-align:middle;
    }
    </style>
    <![endif]-->

    Thanks,

    Nick

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

The topic ‘Logo huge in IE8’ is closed to new replies.