Custom Logo not showing up on mobile device

Hi,
Site: Timewithtom.us
I am sure this is either an easy fix or cant be done the way I have things set up. The logo comes up fine on PC but doesn't show on mobile device.

Thanks,
Ed

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 
@media only screen and (max-width: 960px) and (min-width: 767px){
.header .logo img {
width: 78%!important;
}
}
@media only screen and (max-width: 768px) and (min-width: 480px){
.logo {
width: 100%!important;
}
.logo img {
width: 90%!important;
}
}
@media only screen and (max-width: 480px){
.logo {
width: 100%!important;
}
.logo img {
width: 90%!important;
}
 
}

This will solve your issue.

 

Thanks that solved it!!