Mobile logo size
Hi all
Is it possible to set a different logo size for mobile displaying?
Could it be done with CSS?
Thanks.
-
Hello Claudio Acosta !
Yes, it's possible to do via CSS. In the Studio->[Your template name]->Styles->Custom Styles area you need to add somth like:
@media (min-width: 768px) and (max-width: 1024px) {
#bx-logo-container {width: 200px;
height: 50px;
}
}
-
Thanks LeonidS
-
Hello LeonidS !
Having same problem, need to make mobile logo small in order to display ok the logo and icons.
Tryed with this solution on custom styles of template, but does not change nothing at my site.
Template Styles->Custom
Css i would need to change, that <img style="max-width:21.875rem;max-height:3.875rem;"
Is there any way to complish this?
Many thanks!
-
The screen size for i.e a iphone 12 pro is 390 x 844 px. So in order to let this work you can put something in like this:
}
@media (min-width: 360px) and (max-width: 1024px) {
#bx-logo-container {width: 80%; height: 40px; margin-right: 5px; } }