Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 19, 2013 at 10:45 pm #163777
    mschoonhoven

    My logo on the top of the page is cut on the bottom within Citrix / IE8.0. The fixed top level is going accross the logo. Within other browsers no problems. my website is http://www.financieelmarketeers.nl How can this be solved?

    Thanks

    Regards
    Michiel

    September 20, 2013 at 8:08 am #163944
    Ismael

    Hello mschoonhoven!

    You can add this on your custom.css or Quick CSS:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 8px;
font-size: 11px;
}

.logo img {
width: 220px;
height: auto;
max-height: 73px;
}
}

    Best regards,
    Ismael

    September 20, 2013 at 7:18 pm #164177
    mschoonhoven

    Hi Ismael,

    Thanks, but unfortunately that didn’t solved the problem. Any other suggestions?

    Regards
    Michiel

    September 23, 2013 at 4:06 pm #165184
    Devin

    Hi Michiel!

    It looks like you missed a bracket when copying+pasting the css above.

    So go to your Quick CSS and make sure to add that second } at the end of the css Ismael provided so that it actually takes effect.

    Cheers!
    Devin

    September 23, 2013 at 4:39 pm #165199
    mschoonhoven

    Hi Devin,

    I add the second } but unfortunately it doesn’t solve my problem… (I put in the second } when I copied the code in the first place, but deleted it because I thought it would work without but it didn’t)

    Regards
    Michiel

    September 23, 2013 at 5:27 pm #165226
    Devin

    I didn’t realize this was actually to fix IE8 which this definitely wouldn’t since it doesn’t recognize media queries. I’m not sure why the default fix included with the theme isn’t working in IE any longer. Right now this snippet int he layout.css file is not getting applied in IE like it should:

    .logo img{
padding:5px 0;
display: block;
width: auto;
height: 100%;
max-height: 100%;
height : 100%\9; /*hack: fixes ie8 logo*/
height: auto\9; /*hack: fixes ie8 squished logo*/
}

    For some reason the IE8 hack isn’t getting applied. Not sure if its a recent IE update thats changed the way it renders or what. One thing you can try for an immediate fix is to use:

    .logo img{
padding:5px 0;
height: 100%;
}

    Which hopefully doesn’t have any ill effects anywhere else.

    September 24, 2013 at 12:10 pm #165573
    mschoonhoven

    thanks Devin, it looks like this solved the issue, without other effects elsewhere..

    September 25, 2013 at 9:37 pm #166247
    Devin

    Glad we could help. Let us know if you have any other questions or issues.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Logo problem within Citrix / IE8.0’ is closed to new replies.