Hide FoodOasis logo bar when mobile user scrolls up and lock filer bar to top - Githubissues

hackforla / food-oasis

Repository for the current redevelopment of the Food Oasis Los Angeles website

https://foodoasis.la

GNU General Public License v2.0

72 stars 51 forks source link

Hide FoodOasis logo bar when mobile user scrolls up and lock filer bar to top #756

Closed pageignited closed 2 years ago

pageignited commented 3 years ago

Overview

We need the mobile interface to look professional when people go there, right now, there is a problem with the content in the second menu (meals, pantries and map) appearing under the logo and mobile menu bar which goes away when you scroll down and back up. Define technical fix to keep this from happening

Actions

[ ] Discuss feasibility with engineering team

Resources

Landing page: https://github.com/hackforla/food-oasis/issues/756#issuecomment-1010253737 Map View: https://github.com/hackforla/food-oasis/issues/756#issuecomment-1010253409

ExperimentsInHonesty commented 2 years ago

Map view initial load, has the logo and menu bar covering the top of the content

ExperimentsInHonesty commented 2 years ago

The landing page is fine

ExperimentsInHonesty commented 2 years ago

What is looks like after you scroll down.

ryu-jieun commented 2 years ago

Please see the attached video for more detail:

https://user-images.githubusercontent.com/78619802/164552739-c72b22ed-280e-40fb-95cc-978b2d0ed7de.MP4

This issue appears on the Chrome browser on iPhone 11.

This issue was found during the heuristic evaluation - #1114

Reference: https://docs.google.com/spreadsheets/d/1UCoj5ecVQhOBAPNFvzOyySSeJFNtJ34Bx6Ti2cnLma0/edit#gid=0

itserindean commented 2 years ago

I think this issue as described no longer repros. if I misunderstand, please reopen.