Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • July 4, 2017 at 5:01 pm #816401
    force-media

    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

    July 4, 2017 at 10:41 pm #816518
    Jordan Shannon

    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

    July 5, 2017 at 11:00 am #816688
    force-media

    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

    July 5, 2017 at 4:35 pm #816804
    Jordan Shannon

    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

    July 5, 2017 at 4:44 pm #816812
    force-media

    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.

    July 5, 2017 at 4:47 pm #816816
    Jordan Shannon

    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

    July 6, 2017 at 11:04 am #817141
    force-media

    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

    July 6, 2017 at 12:31 pm #817183
    Jordan Shannon

    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

    July 6, 2017 at 3:09 pm #817289
    force-media

    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

    July 6, 2017 at 3:48 pm #817305
    Jordan Shannon

    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

    July 6, 2017 at 6:10 pm #817416
    force-media

    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?

    July 6, 2017 at 6:15 pm #817418
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    July 6, 2017 at 6:18 pm #817422
    force-media

    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

    July 7, 2017 at 3:36 pm #817888
    Jordan Shannon

    Hi,

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

    Regenerate Thumbnails

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

    Best regards,
    Jordan Shannon

    July 7, 2017 at 3:36 pm #817889
    Jordan Shannon

    Hi,

    Best regards,
    Jordan Shannon

    July 24, 2017 at 6:10 pm #829119
    force-media

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

    July 24, 2017 at 11:10 pm #829256
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    July 25, 2017 at 10:26 am #829531
    force-media

    Hi,

    Please find admin info in Privat Content section.

    Best regards,
    Frank

    July 26, 2017 at 4:07 pm #830211
    Jordan Shannon

    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

    July 26, 2017 at 5:07 pm #830251
    Yigit

    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

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