Logo blurry or pixelated in the phone


#1

Hi,

Logo works well in the computer and a in the tablet but in the phone is blurry. I had try changing the resolution, adding codes on CSS aditional…

It gets blurry in the footer too.

www.dokeads.com


#2

Hello there,

The original image size of your logo seems too small. Try re-uploading larger one and skip cropping in the uploader options.

Regards,
Kharis


#3

Now works in the phone but is extremely big in the header of the website.


#4

Hello there,

To control its size on larger screen, you can add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1025px) {
      .site-header .custom-logo-link img {
        max-width: 170px;
      }
    }

Regards,
Kharis