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
