Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 20, 2014 at 3:35 pm #306881
    blankonblank

    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 10 years, 4 months ago by blankonblank.
    August 20, 2014 at 5:14 pm #306943
    Yigit

    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 10 years, 4 months ago by Yigit.
    August 20, 2014 at 5:46 pm #306961
    blankonblank
    This reply has been marked as private.
    August 20, 2014 at 5:48 pm #306964
    Yigit

    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

    August 20, 2014 at 5:54 pm #306967
    blankonblank
    This reply has been marked as private.
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Logo Blurry’ is closed to new replies.