How to invert your site logo on Shopping Cart Checkout - Squarespace 7.1

If you have a white logo on your site, and you are also selling items in your ecommerce shop, you may not realise but in your shopping cart checkout, your site logo disappers.

The code below works if your logo is a single colour, as it will invert it, therefore turning a white logo into black.

---

Add this code to Custom CSS

//Shopping Cart - Logo Inverted
body#cart .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}