Adding Second image underneath logo on Mobile version

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:

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(;
    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