A header that
thinks for itself.
Flow Nav — FlowNav for WordPres
Replace your theme’s native header with a fully featured sticky bar — zero dependencies, no page builder required, no shortcodes, no fuss. Flow Nav integrates directly with your existing WordPress menus and works cleanly across virtually any theme right out of the box.
See it in action
A header that adapts to every scroll
Flow Nav changes colour, size, and visibility based on exactly where your visitors are on the page.
Home
Features
Pricing
Contact
At top of page
Transparent or custom colour — blends into your hero section
Past scroll threshold
Colour changes, logo scales down, header shrinks proportionally
Scrolling down
Hides smoothly out of view — reappears the instant you scroll up
Replace your theme header
Everything your theme’s header never could do.
Flow Nav is a powerful, zero-dependency WordPress plugin that replaces your theme’s native header with a fully featured sticky bar — no page builder required, no shortcodes, no fuss. Built entirely from PHP, CSS, and vanilla JavaScript, it integrates directly with your existing WordPress menus and works cleanly across virtually any theme right out of the box.
Every aspect of the header is configurable from a single settings page: header height, scroll threshold, transition speed, background colours with opacity control, logo scaling, content width and padding, and a full-screen mobile overlay menu.
Key features at a glance
- Scroll-triggered behavioursHide on scroll, colour transition, and header shrink all fire at a single configurable threshold — set in pixels or viewport height.
- Mega menu with rich cardsTag any menu item with
ssh-megato get a full-width panel with featured image, title, and description cards. - Full-screen mobile overlayHamburger menu expands to a centred full-screen overlay with a smooth fade and animated ×, with its own colour settings.
- WooCommerce readyCart icon with live item count and My Account link appear automatically when WooCommerce is active.
- Total design controlEvery colour, size, padding, opacity, logo scale, and transition speed is adjustable from the admin panel — changes reflected immediately on save.
Intelligent scroll behaviours
One threshold.
Three smart behaviours.
All three scroll behaviours — hide on scroll, colour transition, and header shrink — fire at a single configurable threshold you set once in pixels or viewport height. Flow Nav keeps your header completely unobtrusive until it’s actually needed, then brings it back instantly the moment your visitors want it.
Hide on scroll down
The header slides smoothly out of view as visitors scroll down — reappearing immediately the instant they scroll up.
Colour change past the hero
Background colour, text colour, and logo swap automatically once the visitor scrolls past your hero section — keeping contrast perfect on every section.
Proportional shrink
The header and logo scale down proportionally as visitors scroll past the threshold — giving more screen space to your content without disappearing entirely.
Set in px or vh
Define your scroll threshold in pixels for precise control, or in viewport height units for a responsive value that adapts to every screen size.
All features
Everything you need in a modern WordPress header
Flow Nav is packed with features that give you complete design and behaviour control — all from one clean settings page.
Hide on scroll down
The header slides out of view as visitors scroll down and reappears immediately when they scroll up — keeping the screen uncluttered.
Hero colour swap
Background, text, and logo colours switch automatically once visitors scroll past your hero — perfect contrast on every section, always.
Proportional shrink
Header and logo scale down proportionally past the threshold — giving more screen real estate to your content without hiding the nav entirely.
Mega menu with rich cards
Tag any menu item with ssh-megato display a full-width panel with featured image cards for linked pages.
Full-screen mobile overlay
The hamburger expands to a centred full-screen overlay with a smooth fade and animated ×, with its own background and text colour settings.
WooCommerce ready
Cart icon with live item count via cart fragments and My Account link appear automatically when WooCommerce is active — no setup required.
CTA button built in
A fully customisable call-to-action button lives in the header — set the label, URL, background colour, text colour, and border radius from the settings page.
Total design control
Every colour, size, padding, opacity, logo scale, and transition speed is configurable from a single admin settings page — changes reflected immediately on save.
Zero dependencies
Built entirely from PHP, CSS, and vanilla JavaScript — no jQuery, no external libraries, no page builder. Lightweight, fast, and conflict-free.
Mega menu
Beautiful dropdown panels — with one CSS class.
Tag any WordPress menu item with ssh-megaand Flow Nav automatically generates a full-width mega menu panel — displaying linked pages with their featured image, title, and description in a polished card layout.
No custom templates, no shortcodes, no third-party mega menu plugin. Flow Nav reads your existing WordPress menu structure and builds the panel automatically.
Home
Plugins ▾
Pricing
Contact
BandStand
WordPress music player with donations
Flow Scrol
Cinematic scroll sequences for WordPres
Flow Text
Professional text animations for WordPres
Simple pricing
One price. No surprises.
No subscriptions, no tiers, no platform fees. Pay once and Flow Nav is yours — forever.
Flow Nav — Lifetime licence
One-off payment
Use on one WordPress site. Includes all future updates and email support.
- Full Flow Nav plugin — all features included
- Hide on scroll, colour swap, and proportional shrink
- Single configurable scroll threshold (px or vh)
- Mega menu with rich featured image cards
- Full-screen mobile overlay menu
- WooCommerce cart and account icons
- Customisable CTA button built in
- Total design control from one admin settings page
- Zero dependencies — pure PHP, CSS, and vanilla JS
- All future updates — no extra cost
- Email support from the Coolshed Labs team
Ready for a header that thinks for itself?
Replace your theme’s native header in minutes and give your visitors an experience that adapts intelligently to every scroll.
