Logo not displaying on mobile

Hi all - I am hoping you can help me out. We just went live with https://www.drippingwet.com.au/ and we're really happy with the site, except for an issue on mobile. 

You'll see that the png logo is not appearing on mobile. The logo is a transparent png so not keen to change it to a jpeg. 

Does anyone know a fix? Is there a way to display site name on mobile only?  instead of the logo? I am thinking that would be a good work around. Help appreciated.

Hi @tuanphan - You seem to be a mobile guru. Are you able to help? My preference is to get the logo showing on mobile, but my reading so far is that I might have to chane to a jpeg logo. I would prefer not to do that, so was wondering if I could display site title in White font on mobile instead of the logo.

You can use this to Website > Website Tools > Custom CSS

div.header-mobile-logo a:after {
    content: "Dripping Wet";
    color: #fff;
    font-size: 40px;
}
.header-mobile-logo img {
    display: none !important; 
}

Thank you, that fixed my issue as well.
I wonder if Squarespace knows that png files don't work on mobile?

16 hours ago, Msh022 said:

I wonder if Squarespace knows that png files don't work on mobile?

I am not experiencing any issues with transparent PNG logo files on mobile.