📱 Mobile Portrait Mode Test

This page tests mobile portrait mode issues:

🧪 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:

📊 Header Visibility Test

• Header element exists:
• Header is visible:
• Header z-index:
• Header position:
• Header top offset:

🔄 Scroll Behavior Test

Scroll down through this spacer to test scroll behavior:

✅ Bottom of Page

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

Header should show/hide appropriately.