Jump to content

Use different Logo on Homepage

Recommended Posts

Site URL: https://wellhaus-coaching.squarespace.com/

Hello! I need to use a different logo on the homepage vs. all the other pages.  If you go to the site, you'll see the logo in the upper left corner is black. I need to use a different image on the homepage.  I have uploaded it to Home.> Design> Custom CSS. I copied the code that is generated -- NOTE: it says "syntax error on line 1" but I do not know what is wrong.

I have found 3-5 other answers on this forum to similar questions. They all provided different code snippets (see below for 1 example). NONE of them work. 

Once I get this done, I can go live and call it a day! Any/all help is appreciated.  


.Header-branding {    
display: block;    
max-width: 100%;    
max-height: 124px;    
content: url("PUTLINKHERE") !important;

/* if logo needs to be centered */
    margin-left: auto;    
    margin-right: auto;


Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Hi. Add code to Page Header, not Custom CSS (Hover page on Main Navigation or Not Linked > Click Gear Icon to open Page Header)

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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.