documentation icon indicating copy to clipboard operation
documentation copied to clipboard

Logo cut off on mobile

Open dichotommy opened this issue 3 years ago • 3 comments

Just what the title says

IMG_5863

dichotommy avatar Jan 31 '22 09:01 dichotommy

Looks fine here

IMG_FA39667A77CB-1

maryamsulemani97 avatar Feb 01 '22 07:02 maryamsulemani97

I think this is more related to screen size than a single mobile browser. Testing on an iphone 12 mini, which AFAIK has one of the narrowest screens commonly available today, I don't even see the logo, just the hamburger menu. I would guess that @dichotommy has a normal-sized iphone and that Maryam has one of the big models (iphone max? plus?).

I'm not sure what can be done in this case. Configuring the logo to resize is probably not going to work out very well because it will look weird if its not always occupying the full menu height. Perhaps we can make the search bar smaller, but that would cause it to be really tiny in a screen like mine.

guimachiavelli avatar Feb 01 '22 10:02 guimachiavelli

Configuring the logo to resize is probably not going to work out very well because it will look weird if its not always occupying the full menu height. Perhaps we can make the search bar smaller, but that would cause it to be really tiny in a screen like mine.

My first thought was reducing the padding on the search bar. Do you think this could work as a solution?

Otherwise, we might try to trigger dropping the logo (like w/ your iphone 12 mini) at higher screen widths. No logo is better than cut off logo, which just looks unprofesh 😕

dichotommy avatar Feb 02 '22 08:02 dichotommy

The release of the new site renders this issue obsolete.

guimachiavelli avatar Mar 16 '23 18:03 guimachiavelli