To add a second image/logo under logo on Squarespace Mobile, you can follow these.
- If you can’t make it work, you can comment below or message me with site url & exact code you added, I can check easier.
#1. First, create a Page in Not Linked with Name/URL:
- Second Logo – /second logo
Next, add an Image Section
Next, edit Gallery
Upload your second logo
Save, then Right Click on Logo > Copy Image Address . In my example, we will have the URL:
https://images.squarespace-cdn.com/content/v1/6672ecf757a5d945cabc3965/1d45ed6f-3a9a-4523-9320-1633c8d98b90/st-peters-church-3536449_1280.jpg?format=500w
We will use this URL and add it to the code in #2.
#2. You can use this code to the Custom CSS box. Replace the example image with your image URL.
/* Mobile second logo */
@media screen and (max-width:767px) {
div.header-title a:after {
content: "";
background-image: url(https://images.squarespace-cdn.com/content/v1/6672ecf757a5d945cabc3965/1d45ed6f-3a9a-4523-9320-1633c8d98b90/st-peters-church-3536449_1280.jpg?format=500w);
background-repeat: no-repeat;
background-size: contain;
display: block;
width: 150px;
height: 70px;
margin-top: 10px;
}}
#3. Result
#4. To adjust the width/height of the image, you can change these lines
