Skip to content

Platforms - Android and .NET pages slightly different widths on mobile, causes issue with bottom hamburger menu #91

Description

@calumcraig

Steps to reproduce

  1. Go to hub.safedev.org on a mobile device (tested on physical Pixel 2, Huawei P Smary, emulator Pixel 2, Nexus 6).
  2. Navigate to Platforms page.
  3. Select each of the five platforms listed.

Expected:
Screen is correct width and lower right hamburger menu (which replaces side menu from desktop version) is displayed:
image
Actual:
For the Android page, the screen is wider than displayed so hamburger menu is not initially visible:
image
If user scrolls the screen across and down the hamburger menu can be found but it is not immediately obvious this is possible:
image
For the .NET screen the hamburger menu can be seen on some devices (both emulated devices and physical Pixel) but the screen does scroll slightly horizontally so the width is not completely correct:
image
However, on the Huawei phone and a smaller screen emulator, the same issue occurs as above - the hamburger menu is not visible unless user scrolls down and across:
image

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions