Jump to content

Logo Blurry on Squarespace Website

Recommended Posts

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!

Link to comment

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;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 11 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.