Archived topic
Resize mobile logo
7 replies · Started by Gerrit on August 22, 2021
Viewing posts 1–8 of 8
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.
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;
}
}That did not seem to help. Any other suggestions?
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
Thanks, I can see it works through your link, but when I check on my iPhone the logo is still tiny..?
Hi there,
try this CSS:
#mobile-header .mobile-header-logo img {
height: 100px;
width: auto;
}Perfect, that worked! Thank you.
Glad to hear that!
This archived topic is closed to new replies.
