Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #306881

    Hi – We uiploaded our logo 340×58. Set the custom header size. But the logo is blurry and not sharp as it appears on the desktop. Any idea why it’s getting distorted? Also Using a child theme how can we show a different logo when the header shrinks?

    • This topic was modified 9 years, 10 months ago by blankonblank.
    #306943

    Hi blankonblank!

    Please add following code to Quick CSS

    @media only screen and (max-width: 767px) {
    .responsive .logo a, .responsive .logo img {
    margin: 0 auto;
    max-width: 85%;
    height: auto !important;
    margin-top: 10px!important; }}

    Issue you are having is on mobile, is that correct?

    Regards,
    Yigit

    • This reply was modified 9 years, 10 months ago by Yigit.
    #306961
    This reply has been marked as private.
    #306964

    Hi!

    1- You can adjust “max-width: 85%;” as needed to increase the size of your logo. I have edited the code and added top margin. Please adjust it as needed as well.
    2- Please try uploading your logo double in size

    Cheers!
    Yigit

    #306967
    This reply has been marked as private.
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Logo Blurry’ is closed to new replies.