We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Theme Mercury, logo doesn’t scale in mobile version

May 23, 2021 at 9:12 am #5846

[anonymous]

Well, the title says it all… I have a rather big logo file, which displays fine on a big computer screen, but appears totally oversized on a small screen. Can this be fixed?

May 23, 2021 at 9:29 am #5847

[anonymous]

I tried to fix it with this custom CSS, but no luck:

@media (max-width: 56.1875em)
.logo {
max-width: 20%;
}

May 23, 2021 at 6:03 pm #5848

[anonymous]

Alright, I found the solution by taking a peek at the Simple theme.

Custom CSS:

.logo>img {
max-height: calc(3.96667rem + 1vw);
}

Perhaps this can be corrected in the Mercury theme?