[Resolved] Resize mobile logo

[Gerrit]

Hi,

Im trying to resize the mobile logo for my page, but I cant figure out how. This is the css I used:

@media(max-width: 768px)
.site–logo.mobile-header-logo{
height: 100px !important;
width: auto;
}

But this didnt work. How do I change it?

Thanks.

https://klimaposten.no

[Elvin]

Hi there,

Try this:

@media (max-width: 768px)
.site-logo.mobile-header-logo,
.site-logo.mobile-header-logo img {
    height: 100px !important;
    width: auto !important;
}
}

[Gerrit]

That did not seem to help. Any other suggestions?

[Elvin]

Ah right my bad. I’ve updated the CSS on the previous reply to correct the syntax issue.

You can try it again.

See it in action here – https://share.getcloudapp.com/X6uldkGQ

[Gerrit]

Thanks, I can see it works through your link, but when I check on my iPhone the logo is still tiny..?

[David]

Hi there,

try this CSS:

#mobile-header .mobile-header-logo img {
   height: 100px;
   width: auto;
}

[Gerrit]

Perfect, that worked! Thank you.

[David]

Glad to hear that!

[Author]

Posts