Logo is not responsive on smartphones

We have uploaded a new logo to our site and have noticed that it is not responsive on smartphones (in general, it looks OK on smartphones). Do you have a fix for this so that it aligns/sizes properly across devices?

Screenshot of the issue

We are facing a deadline and really need some help on this issue ASAP. Thank you.

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

Hi

You have some classes in override.css breaking the logo width, but to not break the new code add this at the bottom of mobile.css file:

Code: Select all

#gkLogo {
    width: 100% !important;
}

#gkLogo img {
    max-width: 100%;
}