Logo blurry or pixelated in the phone

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.

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

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

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

1 Like