OpenLitterMap / OpenLitterMap/openlittermap-web

Website mobile usability

Open
#48 5 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
PHP
Stars
134
Forks
42
PR merge metrics
No merged PRs in 30d

Description

Love this project! Here are some ideas for improvements to the website.

  1. On mobile the footer horizontal line divider cuts into the single donation crowdfunding link.
  2. I think the menu should close when you load a new page. Right now when you load to a new page the menu stays open and you have to click X to close it.
  3. The about page needs a decent amount of work on mobile. some of the images sizes are cutting into the edge of the page and we have a horizontal page scroll.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the three reported mobile behaviors on the website: the footer donation link overlap, the menu remaining open after navigation, and horizontal overflow on the About page. Trace the frontend templates and styles for those views; done means the divider and link do not overlap, navigation closes the menu, and the About page fits the mobile viewport without horizontal scrolling.

Written by the indexing model from the issue text.

Assessment

Tech stack
php
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.