Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • #816401

    Hi Guys,

    I read already the following topic: https://kriesi.at/support/topic/logo-size-issue-with-chrome/#post-422713

    Unfortunately the solution provided in the issue above didn’t work at my current site. The issue occurs is that the header logo on the left side is being stretched for some reason in Google Chrome. In other Webbrowsers like Safari or Firefox it’s being shown as it should.

    May you can give me some assistance in this matter?

    Thanks,
    Frank

    #816518

    Hey force-media,

    Try adding the following to quick css:

    
    @media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {logo .img {width:50%!important;} }

    I do however suspect that it is whatever auto-optimize plugin that seems to be running. Try disabling that and see if that fixes the issue.

    Best regards,
    Jordan Shannon

    #816688

    Hi Jordan,

    Thanks for your quick response. You’re right. The auto-optimize plugin was running on the site. I have now disabled the plugin and added the code you suggested but the stretched logo is still there in Chrome.

    Thanks,
    Frank

    #816804

    Hi,

    I’m now viewing the logo like this in chrome:

    https://snag.gy/tiVbwo.jpg

    Is this not correct? When I first viewed it I saw the stretch you are speaking of.

    Best regards,
    Jordan Shannon

    #816812

    Hi,

    that’s how it should be, correct. But however, when i am refreshing the site i am still getting the stretched version :/.

    https://snag.gy/9npMVP.jpg

    Little correction: I am getting mainly the stretched version, but temporarily also the normal version of the logo appears.

    #816816

    Hi,

    This has to be a cache issue. I don’t have the site cached on my system so I am viewing it as it should be. It may take a few hard refreshes to properly view it for you.

    Best regards,
    Jordan Shannon

    #817141

    Hi Jordan,

    Honestly i am a bit lost right now. Also after many hard refreshes, clearing and disabling cache in Chrome the issue still exists. I really don’t understand why the problem seems to be only with Google Chrome.

    Best regards,
    Frank

    #817183

    Hi,

    Are you putting the css I provided to the very top of quick css? Also, for the auto-optimize plugin is there an option to ignore specific images?

    Best regards,
    Jordan Shannon

    #817289

    Hi,

    I am using the custom.css file for adding custom code. But yes, the css you provided is on the very top. I have completely deactivated the auto-optimize plugin. So it shouldn’t be a criteria anymore.

    Best regards,
    Frank

    #817305

    Hi,

    Are you sure all your css is appying? You can try to add below to quick css.

    @media screen and (-webkit-min-device-pixel-ratio:0)
    { 
        logo .img {width:90%!important;}
    }

    Also, please check if the logo has an uploaded @x2 file, that can work for big screen versions?

    Best regards,
    Jordan Shannon

    #817416

    Ok, i’ve added in the css of your comment and removed the previous one. Still no progress.

    Could you kindly give me a short explanation or a link where i can read what an @2x file is?

    #817418

    Hi,

    Is any of the working. For example, if you add body{display:none;} to the top does it work?

    Best regards,
    Jordan Shannon

    #817422

    Hi,

    Yes this is working. Now the site is black. I had to remove this one, as the site is already live and we are getting visitors.

    Best regards,
    Frank

    #817888

    Hi,

    Since the auto-optimizer was disabled, you may have to regenerate your images. Please see the following:

    Also, attempt to re-load the logo full size – http://i.imgur.com/8jRYx6x.png

    Best regards,
    Jordan Shannon

    #817889

    Hi,

    Best regards,
    Jordan Shannon

    #829119

    I’ve did regenerate thumbnails and reloaded the full logo size as well. Unfortunately the issue still exists.

    #829256

    Hi,

    Please provide admin info so we can log in and look into this issue further.

    Best regards,
    Jordan Shannon

    #829531

    Hi,

    Please find admin info in Privat Content section.

    Best regards,
    Frank

    #830211

    Hi,

    Apologies for the delay, I will check with the rest of my team on this as I am not seeing any distortion on the logo in Chrome.

    Best regards,
    Jordan Shannon

    #830251

    Hey!

    I edited your image and replaced it with the bigger version of it and then went to Enfold theme options > Layout Builder and checked “Show element options for developers” and then edited your image element gave it a custom CSS class “my-logo” and then added following code to Quick CSS in Enfold theme options under General Styling tab

    .my-logo img {
        max-width: 600px;
    }

    Please review your website

    Best regards,
    Yigit

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