Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 6, 2013 at 1:33 pm #24245
    tocal

    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

    June 6, 2013 at 1:47 pm #122880
    tocal

    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

    June 7, 2013 at 11:32 am #122881
    Nick

    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

    June 8, 2013 at 3:24 pm #122882
    tocal

    Thanks Nick. Any idea about the buttons issue?

    June 9, 2013 at 3:16 pm #122883
    Ismael

    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

    June 10, 2013 at 2:13 am #122884
    Nick

    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

    June 10, 2013 at 8:31 am #122885
    tocal

    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

    June 12, 2013 at 2:45 pm #122886
    Nick

    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

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Logo huge in IE8’ is closed to new replies.