Logo not centered in mobile theme

http://psi.dmediasites.com/
Hi! I made the logo larger than was recommended (200px width x 50px height). Client likes that larger size. But now the logo is not centered in mobile vertical view. When I rotate the mobile device to be horizontal the logo does center. Is there a way to fix it so it will center in vertical orientation also?

 

Hello,

Greetings from InkThemes!

Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 320px){
.header_wrapper .logo img {
    width: 72%;
    margin-left: -71px;
}
}
@media only screen and (max-width: 480px){
.header_wrapper .logo img {
    margin-left: -62px;
}
}

Note: Change the numeric value as per your requirement..

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

This worked great! Thank you so much Priyanka!

 

You're welcome..

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com