Logo mobile

Hi, i can't adjust logo in mobile version, it's too big and i don't know how resize it for mobile.
The logo is in css. I tried many solution but i can't get a good result.
Can you help me please?
In template.css now I've this:

Code: Select all

/* Logo  */
#gkLogo,
#gkLogoSmall {
   float: left;
   height: 40px;
   margin: 4px 0 3px 0;
   padding: 0;
   text-indent: -999em;
   text-shadow: none;
   width: 124px;
   display: block;
}
#gkLogoSmall {
   float: left;
   margin:5px 20px 0 0;
}
#gkLogo img,
#gkLogoSmall img {
   display: block;
   margin: 0;
}
#gkLogo.cssLogo,
#gkLogoSmall.cssLogo {
   background: transparent url('../images/style1/logo.png') no-repeat 0 0 / 100% auto;
   /* You can specify there logo size and background */
   height: 164px;
   width: 533px;
}
.svg #gkLogo.cssLogo,
.svg #gkLogoSmall.cssLogo {
   background-image: url('../images/style1/logo.svg');

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.

I sent you a PM...

Anyone can help me please?

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

.svg #gkLogo.cssLogo, .svg #gkLogoSmall.cssLogo {
    background-size: 100% auto;
}


Really really thanks!!!

Hi

Glad it worked. Closing this thread now.