Reply To: Resizing Header Logo inSync

To get it centered on mobile, add this in your Responsive section in the CSS –

.header-image .site-title a {
    background-position: center !important;
    float: none;
}

You can start by adding it under the section labeled –

@media only screen and (max-width: 767px)

and see if that works best.