How to reduce mobile logo size so it does not look blurry

Hello There,

I would like to find out if there is a way to make the logo size a bit smaller (only for mobile). The web version is perfect, its just that the mobile logo looks slightly blurry or distorted at the moment?

The URL is: www.millissatheva.com

Many thanks

Best,
Mel

Hello Mel,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 760px) {
      .site-branding img.custom-logo {
        max-height: 100px;
      }
    }

Regards,
Kharis

Hi Kharis,

Many thanks for this it worked! :slight_smile:

Best,
Mel

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis