The Problem
You want a fixed header, but it takes up too much space on the page (especially for mobile).
The Solution
Heads-Up.js, a crazy-small library for creating sticky headers that hide on scroll.
Scroll down to watch header disappear
Scroll up to watch header reappear