Skip to content

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

@calumcraig

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

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