Logo size issue

[virpim82]

Hi,

How can I make the logo change its size when viewed on a mobile device? The logo is enormous on a mobile phone, for example, and because of that only a part of the logo shows. I’ve used some custom code to center the logo and the solutions offered here on the forum won’t do anything.

Thank you in advance!

[virpim82]

This reply has been marked as private.

[Veena]

Pls add the below custom CSS in themeoptions –

@media only screen and (max-width: 767px)
{
#site-logo a img {
max-height: 60%;
max-width: 60%;
}}
@media only screen and (max-width: 479px)
{
#site-logo a img {
max-height: 40%;
max-width: 40%;
}}

[Author]

Posts