Left align logo in the mobile version of Flatiron theme?

Site URL: https://loe-russell-iunm.squarespace.com/

Hi there. 

I am using the flatiron theme, and the logo looks fine on desktop. because of the shape of my logo, it looks strange in the mobile version, where it aligns center. How can I change that?

Thanks!

L

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
#navigator .siteTitle {
    margin-left: 0 !important;
    margin-right: auto !important;
}
}

Thanks tuanphan, thought it didn't seem to work...

Do you use Personal or Business Plan?

I use Business

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.site-titlelogo-position-left #navigator .siteTitle {
    float: left !important;
}
}

Thanks tuanphan, it worked!