Displaying logo on smartphone

Please help, with the logo displayed on the smartphone, 1. does not decrease 2 there are two logos light and dark..
My site is https://kamila-la.ru

Hi

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

Code: Select all

@media only screen and (max-width:820px) {
#gkLogo, #gkLogo.cssLogo, #gkLogoSmall, #gkLogoSmall.cssLogo {
    height: 80px;
    width: 170px;
}
}


The problem is not solved, the logo has not changed.
The error is written in the file override.css.

Hi

I can see You have also copied "Code: Select all". It's a part of a forum's thread, not a css style. Please remove it and let me know if it helped.

I have deleted. The problem with the logo is not solved

It's complicated?

Hi

Not at all. It's just getting overwritten by mobile scripts. Using the code with higher priority will help:

Code: Select all

@media only screen and (max-width:820px) {
#gkLogo, #gkLogo.cssLogo, #gkLogoSmall, #gkLogoSmall.cssLogo {
    height: 80px !important;
    width: 170px !important;
}
}


Hi,
Executed the record, the result in the attachment.
1. The size of the logo is not responsive?
2. There are two white and blue logos on the screen, how to remove the blue one?

Why are two logo: logo.svg, logo_dark.svg displayed?
How to remove the logo logo_dark.svg from the screen?

Hi

I do not know why it's like that for You. Site only shows one logo when I look at it.

Try with this code, but I'm guessing what can be wrong with browser here.

Code: Select all

#gkTop #gkLogoSmall.cssLogo { display: none !important; }
#gkTop.active #gkLogoSmall.cssLogo { display: block !important; }


[