To change Logo Color on Scroll in Squarespace, you can follow these
Note: CSS code can only invert the logo into white or black, and cannot change the color, so here we will use the code to change the logo into another logo, so you can design a new logo and add it to the code.
#1. First, you need to upload another logo and find its url. Follow #1 in this guide to find url
In my example, we will have url:
https://images.squarespace-cdn.com/content/v1/6672ecf757a5d945cabc3965/1d45ed6f-3a9a-4523-9320-1633c8d98b90/st-peters-church-3536449_1280.jpg?format=500w
#2. Use this code to Custom CSS box
header#header.shrink img {
content: url(https://images.squarespace-cdn.com/content/v1/6672ecf757a5d945cabc3965/1d45ed6f-3a9a-4523-9320-1633c8d98b90/st-peters-church-3536449_1280.jpg?format=500w);
}
