Tagged: resize logo
Hello, how do I resize the logo for Mobile? It seems the size is good for desktop but too small for mobile phones.
I am using this in General Styling > Custom CSS:
@media only screen and (max-width: 479px) {
.responsive #top .logo img {
width: 50%;
}
}
When I use this, the logo becomes distorted. It stretches and height is not proportional. How can I change the size slightly more for mobile phone?
Hi babyboymik,
Can you try adding this CSS code:
@media only screen and (max-width: 479px) {
.responsive #top .logo img {
max-height: 120px !important;
}
}
just adjust the value (default is 90px).
Hope this helps.
Best regards,
Nikko