Bandcamp logo in header

1 hour ago, Amanda6776 said:

Site URL: https://flute-clownfish-7ta5.squarespace.com

Hi,

Does anyone know how to fix the social media icon in the header so it shows the band camp logo, rather than a square?

But I'm on a personal plan so can't use Code Injection.

Thanks!

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

.header-actions-action--social a.icon:nth-of-type(4) {    
    background-image: url('data:image/svg+xml;utf8,<svg width="800px" height="800px" viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="rgba(255, 255, 255)" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="15" stroke-width="12" d="m170.01 51.408-41.111 89.365-106.9-.42L62.991 51.23z" style="paint-order:markers stroke fill"/></svg>');
    background-size: 100%;    
    background-repeat: no-repeat;  
    background-size: 25px auto;
    background-position: center;
    background-repeat: no-repeat;
}
.header-actions-action--social a.icon:nth-of-type(4) svg {    
    display: none;
}