I’m experimenting with the same issue. Your fix —
.head-wrap .site-title a {
background-size: contain !important;
background-position: center top !important;
}
/*
— worked to position the logo properly on my android, but it left the image on the computer screen no longer left-aligned. Is there a way to have my cake and eat it too?