List of steps to reproduce (step by step, including full links if applicable):
What happens?:
The header isn't visible and to open the Side Menu, the user has to scroll back to the beginning of the page
Expected behavior:
The Header should be stick to the top of the page for mobile view
or another option The header should appear immediately after starting scrolling up.
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Resolved | None | T291925 Build Enterprise Web Application | |||
| Resolved | Alexander.lauie | T291939 Build Out Home Page | |||
| Resolved | BUG REPORT | Alexander.lauie | T293018 WME Website (mobile): The header isn't visible and to open the Side Menu, the user have to scroll back to the beginning of the page |
Conversation on this was that the header would naturally move up when the user scrolls down (no JS behavior there, just like a normal div) but when the user pulled down to go back towards the top the header/nav would ease down quickly to allow them to see the menu.
We said as long as that doesn't cause any CLS or affect any Web Vitals we're cool with that. Otherwise we either lock it to the top so it always displays or let it scroll to the top as a normal nav/header would. Personally I'm for the later; I don't like sticky headers/footers personally.
We could also add a ^ top semi-transparent button that shows up when they scroll far down the page that just links to a #top ID? that's an option too.