[matkabirth]

Hi! My logo looks great when I’m on the computer, but then when I view my site from my phone it looks blurry. The logo is sized to 300px and I have the following custom CSS: .site-title img { max-height: 300px; }

Thanks!

[matkabirth]

Nevermind, I think it’s how my logo is saved. I would delete this post but it won’t let me.

[serkan]

Okay, good luck.

[matkabirth]

So, I lied. No matter what I do – it’s still blurry on my phone. It shows up sharp on my computer but then looks blurry on my phone. Thoughts? I have custom CSS in there making the logo site title img be 300px (which is the size of my image…300px).

[serkan]

Did you upload your logo full size ? Can you provide me your related url please?
You can try to upload 1.5x size image. Like 450px resolution at least.

[matkabirth]

I did not upload it full size. I uploaded it at 3oo px since that’s the size I have the site title set to. I’ll try uploading a larger size and see if that helps. Here is the URL: http://rosecitybirth.com/home/

[matkabirth]

Made it 700 px…worked! Thanks!

[matkabirth]

Although now it look sorta blurry on my computer but clear on my phone…ugh. Is there a way around that? http://rosecitybirth.com/home/

[serkan]

Hi matkabirth,
Google is resizing the pictures on a desktop that is why it can be a little bit blurry. If you want to avoid this situation, you should upload a 250px image which means 1:1 resolution. But this time, it can happen on a retina display.