Blurry Lo-Res Logo Site Icon

Hey guys,

at my site : pawsinmotionla.com the dog running logo in the header always seems to be blurry on both laptop and iPhone screens. When I review the image in Photoshop, it is quite sharp. Any suggestions?

Thanks!
Matt

Hi,

You can fix the logo quality by adding a larger logo image ( like 600x140px, but don’t stretch the actual image use a vector version of your logo in that .png image size ) and add this Custom CSS:

.site-logo {
    max-height: 71px !important;
}

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also add the CSS to wp-admin -> Appearance -> Customizer -> Additional CSS so you won’t loose the changes after Theme or WordPress updates.

Please let me know how it works.

Best Regards,
Csaba

Looks like it worked great! Thank you!

Hi,

Great! You’re most welcome! If you need help with anything else, please, feel free to open a new topic.

Have a nice day!

Best Regards,
Csaba