Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 4, 2017 at 1:38 pm #771748
    drelambo

    I have a strange issue with logo sizes. The problem is not specific to any browser, browser size or device.
    Basically, sometimes my logo displays correctly, at the correct size, with the correct proportions. Other times it looks stretched. I’ve tried using different sizes of the logo but that doesn’t remedy the problem.

    I also don’t know how to make the problem happen, sometimes it does and sometimes it doesn’t!

    Any help would be greatly appreciated.

    April 6, 2017 at 12:15 pm #773132
    Victoria

    Hey drelambo,

    You could make a simple experiment, make your logo in png and see how it scales. It could be the issue with the image format and scaling it. When I open this image in Chrome https://webspokedesigns.co.uk/wp-content/uploads/2017/04/300x100xweb-header-logo-01.png.pagespeed.ic.kLNeN8cd5_.webp it looks already stretched, other browsers would just download it, so I could not check the file separately. Could be that the original aspect ratio is not optimal, so it looks more stretched on scaling.

    Best regards,
    Victoria

    April 18, 2017 at 10:31 am #779165
    force-media

    Hi Kriesi-Team,

    I am wondering, because i exactly have a similar issue with autoscaling on mobile view. To have a transparent logo on my website i used .PNG-format for my header logo. And now when i am viewing the website on my smartphone sometimes the logo is being stretched and sometimes not.

    You can view the website here.
    Logo-URL: Click here.
    Logo Dimension: 340px * 156px

    Is there any way to avoid a stretched header logo on mobile sites? Perhaps using a customized CSS code?

    Hope it was ok to put my two cents into this thread.

    Thanks
    Frank

    April 18, 2017 at 7:56 pm #779614
    Victoria

    Hi Frank,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
.responsive #top .logo {
    width: 56%;
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    April 20, 2017 at 1:04 pm #780512
    force-media

    Hi Victoria,

    Many thanks. It’s working fine now.

    Have a great day!

    Best regards,
    Frank

    April 20, 2017 at 10:06 pm #780818
    Nikko

    Hi force-media,

    Glad to hear that it’s fixed. Thanks for using Enfold :)

    Best regards,
    Nikko

    June 3, 2018 at 2:06 pm #966131
    foxforce1

    Hi EnfoldTeam,

    suddenly my Logo streches and a circle is now oval.
    But i didnt make any changes. Suddenly it was like that.
    Tried the above and that didnt work.
    Very strange. Because i am positv i didnt make any changes.
    How is that possible?
    Would appreciate some help.

    Thank you.
    Kind regards.
    Filipp

    June 4, 2018 at 5:49 am #966309
    Rikard

    Hi Filipp,

    Could you post a link to the page in question so that we can take a closer look please?

    Best regards,
    Rikard

    June 4, 2018 at 7:14 am #966341
    foxforce1

    Dear Rikard,

    now that is very mysterious. I did nothing and just a few hours later it appeared normal again.
    What could be the reason?
    Any clues?
    Thank you for getting back at me.
    Kind regards.

    Filipp

    June 4, 2018 at 11:19 am #966450
    Nikko

    Hi Filipp,

    Glad that it’s fixed :)
    It’s probably just a caching issue.

    Best regards,
    Nikko

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