I have added some custom code to my logo file to invert its color on certain pages so it's visible. It works perfectly on desktop, but not on mobile. I will past the code I used below. Any help would be much appreciated!
<style>
.header-title-logo img {
-webkit-filter: invert(100%);
filter: invert(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1');
}
</style>