Hey Everyone, I'm having this same issue with the svg logo going random and not showing on mobile. The strange part is the .svg is showing up in a code block in the footer but not in the header🤔.
Here's the site... https://claridgemedia1.squarespace.com/home Password 12345
Here's the code I used in CSS:
/* Hide the normal logo */
.header-title-logo img, .header-mobile-logo img {
visibility: hidden !important;
}
/* Set background image to be the SVG logo */
.header-title-logo a, .header-mobile-logo a{
/* Change the "left" below to "center" or "right" if you want the logo positioned in the middle or on the right */
background: url("/s/Claridge-Media-Wenatchee-Web-Designer-Drone-Photography-Video.svg") no-repeat left !important;
background-size: contain !important;
.Mobile-bar-branding-logo {
background-repeat: no-repeat;
background-image: url("/s/Claridge-Media-Wenatchee-Web-Designer-Drone-Photography-Video.svg");
}
}
@tuanphan Any ideas? Thanks!