Center your logo in tablets & phones

[jcdesign]

This code is working on many themes, not all but maybe yours. Just change the value of the "px" to adjust your logo and background.
 

@media screen and (max-width:979px) {
#elLogo img {
    max-width: 100%;
    max-height: 90px;
    padding: 5px;
    padding-top: 20px;
    padding-left: 0px;
    position: relative;
    left: 50%;
    margin-top: 40px;
    transform: translate(-50%, -50%);
}
}

@media screen and (max-width:979px) {
#ipsLayout_header header {
    max-height: 100px;
}
}