Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 2, 2016 at 12:17 pm #719627
    envato1901

    Hello,
    I work normally with the Firefox browser therefore it is until now not noticed that the shrunken logo in Internet Explorer 11 of the quality looks very badly.

    What can it be that it in the Firefox and Edge looks good and sharp and not in the IE11?

    December 3, 2016 at 12:26 am #719945
    Nikko

    Hey envato1901,

    I’m not sure if this works but try adding this code in Quick CSS(located in Enfold > General Styling):

    .logo img {
       -ms-interpolation-mode: bicubic;
}

    Hope this helps.

    Best regards,
    Nikko

    December 3, 2016 at 4:06 pm #720051
    envato1901

    Hello Nikko,

    thanks for your help!

    i insert the Code in quick css, but nothing happens. dont know why ist only in ie11

    December 3, 2016 at 8:14 pm #720077
    Basilis

    Hey!

    Please take a look here
    https://github.com/philipwalton/flexbugs/issues/75

    It seems that adding a small CSS fix can work.
    I would suggest to take a look at the codepen inside, which explains a lot of the issues and why that happens and make sure you follow the guide and test it.

    Let us know if it will work.

    Thanks a lot

    Regards,
    Basilis

    December 4, 2016 at 4:59 pm #720226
    envato1901

    Hello,

    thank you! I understand this so I must specify a parameter with minimum height. But maybe I take the wrong container because it happens nothing?
    My code looks as follows:

    .logo img {
       -ms-interpolation-mode: bicubic;
 min-height:1px;
 }
    December 6, 2016 at 4:11 pm #721108
    envato1901

    Does somebody still have an idea? I have removed from the logo the white frame, then it is somewhat better in IE, but then the logo looks so huge and it is very squeezed by the frame.

    December 8, 2016 at 6:08 am #721809
    Ismael

    Hi,

    Please try this css code.

    .avia-msie .logo img {
    -ms-interpolation-mode: bicubic !important;
    image-rendering: optimizeQuality !important;
    width: 219px !important;
    height: 90px !important;
}

    If it’s not working, please remove the “avia-msie” selector.

    .logo img {
    -ms-interpolation-mode: bicubic !important;
    image-rendering: optimizeQuality !important;
    width: 219px !important;
    height: 90px !important;
}

    Best regards,
    Ismael

    December 8, 2016 at 11:39 am #721895
    envato1901

    Hello,

    thanks for your help! The logo was shaped like an egg. :-)
    But i found a workaround for IE with your avia.msie code, that will be ok:

    .avia-msie .header-scrolled .logo a img {
    visibility: hidden;
}
.avia-msie .header-scrolled .logo a {
    background: url(https://www.URL_Logo.png) no-repeat top center;
}
    December 11, 2016 at 7:31 am #722788
    Ismael

    Hi,

    Great! Glad that you found a workaround for it. Thanks for sharing.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.