Logo overlaping header on mobile only

You have this in Custom CSS that is overriding the default header logo settings:

header#header img {
    max-height: 320px !important;
}

and this that is unseating it from the header:

.header-title-logo a {
    display: inline-block;
}

If you wrap this code that is probably just designed for desktop in a medai query like this then it shouldn't affect the mobile site:

@media only screen and (min-width:768px) {
  /* code here */
}