Blurry Logo

[MYB_Whitnye]

My logo is blurry when I upload it to Shopify, but on the original file is clear, even when I zoom in a lot. When I zoom in, you it starts to get blurry. I didn’t notice it until I was trying to enlarge my logo and it made the blurriness stand out. How do I fix this?

Website: https://masteryourbalance.com/ password “masteradmin”

This is the code I used for enlarging the logo, but it seems the logo is blurry even at the default size.

assets > base.css

put this css at bottom

.header__heading-logo {
width: 500px;
}

[Natasha-Saed]

Hello,

If you have the design file for your logo save it on .csv format it will enhance the appearance of the logo regardless of the width.

Have a nice day.

[topnewyork]

Hi @MYB_Whitnye

By the way, this is a minor issue. I’m giving you this code for your satisfaction, try applying it and see. Hope this issue gets resolved.

1. Go to Online Store → Theme → Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

[DaisyVo]

Hi @MYB_Whitnye

Since your image was blurry from the start, you should convert it to SVG format. This will make the image much sharper.

Best,

Daisy

[MYB_Whitnye]

Hi Daisy, thank you for the reply! I only have the original logo file as a png. When I tried to convert to SVG using adobe, it distorted the logo. Is there another way to do it?

[MYB_Whitnye]

I tried to convert from .png to .csv but it distorted the borders of the lettering. I only have the .png file, I do not have access to the original program that made the file