Recommended size for mobile logo?

Hey Katja,

thank you for choosing Bento!

There are no limitations on the size of the mobile logo in Bento – the header will automatically scale accordingly; I’d not recommend making it too large, though, since on mobile screens the screen space is scarce and obstructing a large part of the top of it with a logo might not be the best idea in terms of usability.

Sincerely,
Andrii / Satori Studio

Thank you, Andrii. My question arises because the customer for whom I am developing the website apparently routinely has her browser window (Safari on a Mac) set at <1280 pixels, and is complaining that the logo is too tiny. I originally created a 200×50 px mobile logo which worked well on cell phones and tablets. I removed the mobile logo and my customer is now happy, but the 150×150 regular logo *is* obstructing a great deal of the real estate on smaller devices. I welcome any advice on an image size that works both on mobile devices and my customer’s screen.

Dear Katja,

since there is a vast number of possible screen aspect ratios in the modern device ecosystem, we’d recommend focusing on maximizing the proportion of the users who will receive a positive experience rather than on how the website looks on one particular machine, even the client’s own ?? In general, having the browser window set at half the screen on medium-sized notebooks is not a large use-case, while mobile users comprise a large (and growing) share of the inbound traffic on almost all websites.

Sincerely,
Andrii / Satori Studio

Agreed, thank you.