Skip to content

Responsive design #211

@KaiserDMC

Description

@KaiserDMC

Describe the bug
The webpage design is not very responsive leading to a very bad user experience from mobile devices. The site is slightly more usable in Landscape mode, but even then parts of the theme are broken, showing a blank white canvas.

Steps To Reproduce
Open webpage from a mobile device or using the "Developer Tools" > "Responsive" tool.

Screenshots

  1. Portrait mode
    1.1. Initial page load:
    image
    1.2 Side scrolling:
    image
    image

  2. Landscape mode
    2.1. Initial page load:
    image
    2.2 Side scrolling:
    image

Additional context

  1. Resolutions similar to iPad (810x1080) provide a better experience and load properly on most pages, however not on all.
  • good page load:
    image

  • bad page load:
    image

  1. Issue is present on both Mozilla FF and Chromium based browsers. Responsive design was also tested on a natively on a mobile device using Mozilla FF, Safari and Chrome browsers.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions