Logo on Mobile does not appear normaly

Hi


My site is http://www.ekklisiaonline.gr/

The logo on page from desktop appears normaly even if at the first time that i inserted the logo , the logo appeared twice and i found the solution to change the margin to -33px from 0px , please see the following settings.


#gkLogo img, #gkLogoSmall img {
display: block;
margin: -33px;

But after that the logo does not appear correctly on mobile the logo is cut in half.


Can you please for this issue

Thanks in advance

Dimitris

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) {
#gkLogoSmall {
display: none;
}

#gkLogo {
    height: auto;
    width: auto;
}

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


Hi

I got a PM from You that this has not fix the problem, but I'm checking it now and logo is resized in mobile as it supposed to. Can You please show me what You had in mind than and how logo should act ?

Thanks in advance

Vag

Hi

I got a PM from You that this has not fix the problem, but I'm checking it now and logo is resized in mobile as it supposed to. Can You please show me what You had in mind than and how logo should act ?

I do not think You got my last message. Can You please answer?

Hi

Sorry the delay

Yes it works

Thanks

Vag

Hi


Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro