SVG Logo Max Width Mobile

Hello! I’ve noticed that on mobile max width for logo is 100%, which cause too big logo.

@media (max-width: 991px)
.main-header:not(.header-menu-top) .site-logo img {
max-width: 100%;
}

Can you fix it so the logo remain same? Or maybe somehow to define constant logo size instead of %?

Hello,

You can easily set your logo width for small screen by adding this code snippet to the Custom CSS for mobile devices in Theme settings

.site-logo img {
    width: 80px;
}

Regards

Hi, nope, that does not work.

Check out my link.

Hi,

But we don’t see this code snippet added in Custom CSS. Did you add it? Please check.

[Author]

Posts