The mobile navigation and online banner are messed up on chrome on android after the css for stretching the page content to fill the entire screen.
Reproduction Steps:
Open up navigation on mobile screen in chrome on android
Observe that the navigation is just floating over everything else instead of pushing everything below it down.
Proposed Solution:
Remove flex 1 from root div, add min-height 100vh, and change flex 1 on the main div in root to flex-grow 1. This seems to be the cleanest fix to the issues.
Description:
The mobile navigation and online banner are messed up on chrome on android after the css for stretching the page content to fill the entire screen.
Reproduction Steps:
Proposed Solution:
Remove flex 1 from root div, add min-height 100vh, and change flex 1 on the main div in root to flex-grow 1. This seems to be the cleanest fix to the issues.