Archived topic
How to make logo responsive
4 replies · Started by George on April 14, 2022
Viewing posts 1–5 of 5
The logo on desktop looks fine but on mobile devices, it's very large proportionally to the other content. Please look at how it looks: https://genderunicorns.com/
How to make it more responsive?
Add this to your custom css:
@media (max-width: 570px)
{
.site-header .header-image{max-width:90px;}
}
The new logo max-width kicks in when the screen has lower width than (in this case) 570px. Adjust values to taste.
Hi George,
You can try this CSS:
@media (max-width: 768px) {
.site-header .header-image {
max-width: 100px;
}
}Hi iQfy Media,
Thanks for help :)
looks great, thanks to both of you :)
No problem :)
This archived topic is closed to new replies.
