Page MenuHomePhabricator

Article content misaligned for horizontal orientation [Mobile]
Closed, DuplicatePublic

Description

Summary:
It was observed during testing of fundraising banners today that the layout menus and other content in wikipedia articles looks very wrong in horizontal orientation on mobile. This issue is observable both on iPhone and Android devices when placed in horizontal mode (see below).
This issue only appears on devices with larger screen sizes (6 inches or more), I've verified this behavior is happening on my moto g power, which has a 6.4 inch screen.

image.png (748×501 px, 87 KB)

Steps to Reproduce:

  1. Open https://en.m.wikipedia.org/wiki/NASA on a mobile device
  2. Turn phone to horizontal position
  3. Scroll down and observe misaligned menus

Actual Results:
Currently the content on mobile is misaligned when in horizontal mode

Expected Results:
Wikipedia articles should look just as beautiful in Horizontal and Vertical modes

Event Timeline

Hey @Aklapper I wasnt sure what component to put this under, since I'm on the fundraising team and not very familiar with other projects. Would you mind tagging this to the correct component?

Please just let me know if there's any further information I can provide to help resolve this.