Header logo blurry since adjusting size in code Debut theme

Hey everyone.

I’m hoping for some advice on the following:

I’ve successfully adjusted the size of my header logo in Debut them using the following steps:

https://community.shopify.com/c/shopify-design/center-logo-in-header-debut-theme/m-p/1887599#M503339

The only issue now is, that when my website loads, the header logo is blurry.

If I zoom in, the logo improves to the correct clarity. I obviously would like it to be the correct clarity as soon as the page loads.

My store is:

The password is:

Optimal

Thanks in advance :slightly_smiling_face:

Lawson

@Lawson_1 - your original logo used is 300px width as can be seen here, so if you make it 350 then it will blur… therefore adjust width and max-width to 300px instead of 350 and check,

you can change number as per the need

Hi Suyash,

That’s funny - I’ve double checked the logo file I originally uploaded and it’s a considerably larger image, around 3000x px.

The logo image quality is good, ONLY once I zoom the screen in and then back out. On the first load, it is slightly blurry.

Thanks,

Lawson