Logo not responsive in mobile menu

Hi - The logo looks great on the desktop site, nice and big. However, it is not fitting on the mobile site:

http://dev.dfwvetsurgeons.com/

Please can you help me fix this? Thank you!

 

Hi,

Greetings from InkThemes!

Please paste the code given below in Custom CSS field of your dashboard.

Code:

.logo img {
    width: 100%;
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Thank you1 That fixed the mobile site logo but it also changed the Desktop logo. Now the logo on the Home page is too small in the Desktop version. We liked how it was before. Is there not a way to make the mobile logo at 100% but the Desktop logo at it's actual size of the file uploaded (which is 474 × 115 pixels).

 

Sorry...

Please use below code..

Code:

@media only screen and (max-width: 480px){
.logo img {
    width: 100%;
}
}

Thanks & Regards!
Priyanka
InkThemes.com

 

Ah that is it! Now the desktop site logo looks great at it's actual uploaded size and the mobile theme logo fits within the screen too. Thank you so much!

 

You're welcome..

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com