How to add your logo to the announcement bar

 

Adding the logo into the announcement bar can seem a little tricky, but with a delightful bit of custom CSS code you can get around that problem. 

  1. Go to Design 
  2. Custom CSS 
  3. And enter the code below: 
.sqs-announcement-bar:before {
content: url(https://static1.squarespace.com/static/5ad5ff611137a6cf2ca79155/t/5ae85eeb1ae6cf12928b54f4/1525178091276/Kin-Square--White-High.png);
float: left;
padding-top: 15px;
padding-left: 15px;
}

Make sure that you change the float and the padding to what you want; and the image url to your log by uploading it into the custom files. 

To add a logo to the custom files, follow the steps from Step 3 here.

An example of what this looks like can be seen on my client's site, Kin Media.

 
 
Custom CSS, How ToMary Philip