How To Center Logo On Mobile Using Squarespace 7.1

The new Squarespace 7.1 version does not offer much mobile specific styling yet. There is no built-in option to center the logo on mobile, which is a quite common and basic request. However, there is an easy hack for this.

First of all, enable the Cart in the header of the site. You can do so by clicking Edit Site Header > Elements.

Enabling the cart will already center the logo on mobile. However, you may not want to display the cart if you’re not selling products on your site. If that’s the case, add the following code to Custom CSS:

---

span.Cart-inner {
    display: none;
}

---

This code will hide the cart in the header, but your logo will remain centered on mobile.