Archived topic
Logo size acts weird
3 replies · Started by Joakim on January 19, 2022
Site: https://egen.se
The logo size look is perfectly fine on mobile and tablet however on desktop it becomes huge regardless on how i adjust the "logo width" under site identity.
The weird thing is that when i upload a new logo (in edit mode) it looks great on desktop, i can adjust its width and see the changes live however when i save it becomes superbig.
Thanks for quick help
BR
Hi there,
thats because you have a plugin that is coverting images to WebP - and they change the HTML of the logo, so the styling from the customizer doesn't apply.
Options:
a) Don't webP your logo image.
b) Add some CSS to size it
.site-logo .is-logo-image img {
width: 100px;
}Hi David and thanks for support.
When i add that it does solve the issue on desktop however on the sticky menu, mobile etc the logo becomes weird and it doesent scale in the other direction correctly so it looks compressed
Hi there,
For mobile, use this CSS:
.site-logo.mobile-header-logo img.is-logo-image {
width: 100px;
height: auto !important;
}I don't see sticky enable on desktop, if you can enable it, I can take a look then.
