The header you just scrolled past? That’s Flow Nav. FREE
Replace your theme’s native header with a fully featured sticky bar — scroll-aware, hero-responsive, mega-menu-ready. Zero cost. Zero dependencies. Zero fuss.
The sticky header at the top of this page is Flow Nav. Scroll down slowly and watch it change colour. Keep scrolling and it hides. Scroll back up — it reappears instantly. That’s it. That’s the demo.
Three behaviours. One threshold. Configured in minutes.
A header that adapts to every scroll
🎨
At the top of the page
Default colours
Transparent or custom colour — blends perfectly into your hero section. Logo, text, and background all match your brand.
🔄
Past the scroll threshold
Colour swap + shrink
Background, text, and logo all switch automatically once your visitor scrolls past the hero — perfect contrast on every section.
👻
Scrolling down
Hides cleanly
The header slides smoothly out of view — giving your content the full screen. Reappears the instant they scroll back up.
Why Flow Nav
Everything your theme’s header never could do.
Flow Nav replaces your theme’s native header with a fully featured sticky bar — no page builder, no shortcodes, no jQuery. Built entirely in PHP, CSS, and vanilla JavaScript. Works cleanly across virtually any theme right out of the box.
Scroll-triggered behaviours — hide, colour swap, and shrink all fire at a single configurable threshold set in px or vh.
Two independent colour states — separate background, opacity, and text colour for Default (over hero) and Scrolled states.
Dual logo swap — upload a light logo for the hero and a dark logo for the scrolled state. They crossfade automatically.
Zero dependencies — no jQuery, no external libraries. Lightweight and fast on every host.
Works with any theme — tested with Astra, GeneratePress, Elementor, Kadence, Divi, and Beaver Builder.
Every setting in one clean admin panel. No code required.
The header you just scrolled past? That’s Flow Nav. FREE
Replace your theme’s native header with a fully featured sticky bar — scroll-aware, hero-responsive, mega-menu-ready. Zero cost. Zero dependencies. Zero fuss.
The sticky header at the top of this page is Flow Nav. Scroll down slowly and watch it change colour. Keep scrolling and it hides. Scroll back up — it reappears instantly. That’s it. That’s the demo.
Three behaviours. One threshold. Configured in minutes.
A header that adapts to every scroll
🎨
At the top of the page
Default colours
Transparent or custom colour — blends perfectly into your hero section. Logo, text, and background all match your brand.
🔄
Past the scroll threshold
Colour swap + shrink
Background, text, and logo all switch automatically once your visitor scrolls past the hero — perfect contrast on every section.
👻
Scrolling down
Hides cleanly
The header slides smoothly out of view — giving your content the full screen. Reappears the instant they scroll back up.
Why Flow Nav
Everything your theme’s header never could do.
Flow Nav replaces your theme’s native header with a fully featured sticky bar — no page builder, no shortcodes, no jQuery. Built entirely in PHP, CSS, and vanilla JavaScript. Works cleanly across virtually any theme right out of the box.
Scroll-triggered behaviours — hide, colour swap, and shrink all fire at a single configurable threshold set in px or vh.
Two independent colour states — separate background, opacity, and text colour for Default (over hero) and Scrolled states.
Dual logo swap — upload a light logo for the hero and a dark logo for the scrolled state. They crossfade automatically.
Zero dependencies — no jQuery, no external libraries. Lightweight and fast on every host.
Works with any theme — tested with Astra, GeneratePress, Elementor, Kadence, Divi, and Beaver Builder.