Logo is blurry on mobile view (css help!)

[mariai]

I've had a lot of trouble getting my logo to be the right size and resolution on my site. My theme is Dusk Business and my site is www.mariaiosue.ca.

The original logo size for this font was 200px by 40px, but that was too small so I changed the size to 250px by 50px which worked great for desktop view, but now the logo is blurry in mobile view. I changed the logo size by going to the CSS "Header.less" folder and changing lines 112 and 113 to 250px and 50px. 

Does anyone know where in the code I can change this so it won't show up blurry on mobile?

Thanks

[Bernadette3]

Thank you for all of this detailed information! There should be someone in our community that can give you guidance on the custom coding. I'll see if I can find a solved post to link you to as well.

[wat5on]

Has there been a solve to this?

[Bernadette3]

Hi @wat5on. I commented on your other post, but your logo does not look that blurry to me. Did you find the resolution you were looking for? 

[wat5on]

It is slightly blurry. Definitely not the same resolution as my image on a desktop. Is this a the norm when viewed on mobile?

[Adam7]

It should look essentially the same. What mobile device are you using?