Pixelated Logo in Header

Hello,
I’m trying to fix a pixelated logo in the header. I tried to use other answers in the forum but can’t seem to get it right.
My site is here: http://damdamdam.ga/

Here is the custom CSS I have already added:

/* Doesn’t resize logo to small size /
.is-sticky .site-header .custom-logo-link img {
max-width: 9999px;
}
/
fix blurry logo */
@media only screen and (min-width: 1025px) { .site-header .custom-logo-link img { max-width: 170px; } }

Thanks for any help!

Hello there,

The problem is with your logo image design. That isn’t correctly use smooth font. You might not believe it, until you visit the source of the file in this link.

Regards,
Kharis

Thanks for the response! I believe it, but I used the same font used in the theme - Work Sans. Are there others that would work better and still match?

Hello there,

An image editing program usually has font smoothing option. If you use Photoshop, check this video.

Regards,
Kharis

Thanks! I didn’t know different fonts would work.

It’s a problem with graphic rendering – not with theme’s code. As a comparison, see our demo site’s logo.

View logo image.

Regards,
Kharis