Page 1 of 1

Logo size in mobile version

Posted: 01 Jan 2026, 21:31
by Dane
Hello,

Is there any way to adjust the size of the logo for the mobile version only?

I feel that the logo is displayed a little too small, and there is still some space that could be used. It wouldn't be a problem if it was no longer perfectly centered due to the menu. 

Re: Logo size in mobile version

Posted: 01 Jan 2026, 22:51
by mjau-mjau
Dane wrote:and there is still some space that could be used.
Yes it's possible, but how do you know how much space is available on smaller mobiles? In your screenshot, I can't see that there is room for much increase in size, without getting too close to the menu. You could perhaps align it to the left on smaller screens? CSS:
Code
@media screen and (max-width: 639px) {
  .logo-wrapper {
    text-align: left;
    margin-left: 20px;
  }
  .logo>img {
    max-width: 80vw;
  }
}
I don't think it provides much benefit of scaling your logo up too much, as it's still visible and readable when smaller.

Re: Logo size in mobile version

Posted: 02 Jan 2026, 12:05
by Dane
Hi Karl,

thanks for you support. I prefer your CSS adjustment, even though the logo is no longer centered, but it is now easier to see on a smartphone. I prefer it this way, even though it now looks a little squashed and no longer has the space around it. But I find it more practical somehow. However, it is probably a matter of taste  :slight_smile: