Logo Blurry on Squarespace Website

Site URL: http://www.roastedjackfruit.com

Hi @tuanphan

I am having some difficulty with our logo Plantu Foods on the top left hand corner. It seems like it is blurry on Windows screens and not Macs. However, when I zoom in, it is clear. Is there a way to make it so that it appears not blurry? I have tried uploading different resolution files, but can't seem to get it to work.

Our URL is www.roastedjackfruit.com

Thanks a lot in advance!

I'm not sure why. But you can add this to Design > Custom CSS

a.Header-branding {
    background-image: url(https://images.squarespace-cdn.com/content/5fc655808fbfcf634c354353/1609868540647-7AHVO1TXLVZ182R9FFXS/Plantu+Foods+Logo+-+2400.jpg?format=1500w&content-type=image%2Fjpeg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
a.Header-branding img {
    visibility: hidden;
}

Hi @tuanphan, 

I have added the code to our website, but it still seems to be a bit blurry. Is there any other CSS code that you would recommend? 

Thanks!

I'm also having this problem. Would love some advice. TIA.

9 hours ago, Jburtney89 said:

I'm also having this problem. Would love some advice. TIA.

What is site url? We can check easier