X3Photo Gallery Forums

Dane · 01 Jan 2026, 21:31

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.

01 Jan 2026, 22:51

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:

@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.

Dane · 02 Jan 2026, 12:05

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:

X3Photo Gallery Forums

Logo size in mobile version3 posts

Logo size in mobile version

Re: Logo size in mobile version

Re: Logo size in mobile version