Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #719627

    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?

    #719945

    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

    #720051

    Hello Nikko,

    thanks for your help!

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

    #720077

    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

    #720226

    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;
     }
    #721108

    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.

    #721809

    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

    #721895

    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;
    }
    #722788

    Hi,

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

    Best regards,
    Ismael

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