๐Ÿ“ฑ Mobile Portrait Mode Test

This page tests mobile portrait mode issues:

Current Viewport:
โš ๏ธ Known Issues:
  1. Header not visible in mobile portrait mode
  2. Scroll requires double drag

๐Ÿงช Test Instructions

  1. View this page on a mobile device in portrait mode (or resize browser to < 375px width)
  2. Check if header is visible at the top
  3. Try scrolling down - check if it requires "double drag"
  4. Try opening the mobile menu (hamburger icon)
  5. Try scrolling with menu open

๐Ÿ‘† Touch Test Area

Try to scroll by dragging within this area:

Touch and drag to scroll

๐Ÿ“Š Header Visibility Test

๐Ÿ”„ Scroll Behavior Test

Scroll down through this spacer to test scroll behavior:

โ†“ Keep Scrolling โ†“

โœ… Bottom of Page

If you made it here, scroll back to the top to test upward scrolling.

Header should show/hide appropriately.

Scroll Y: 0px
Header State: unknown
Touch Events: 0
Body Overflow: auto