Intuitive header & navigation
The sticky header at the top of this page is FlowNav. 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.
See it in action
You are experiencing FlowNav right now
The sticky header at the top of this page is FlowNav. 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.
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.
Replace your theme header
Everything your theme’s header could never do.
FlowNav 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.
Build and refine your header from one settings page with a live responsive preview. Drag the logo, navigation, CTA and WooCommerce controls into position, then customise height, scroll threshold, colours, opacity, logo scaling, spacing and mobile navigation before saving.
Key features at a glance
- Scroll-triggered behaviours
Hide on scroll, colour transition and header shrink all fire at a single configurable threshold — set in pixels or viewport height. - Mega menu with rich cards
Tag any menu item withssh-megato get a full-width panel with featured image, title and description cards. - Full-screen mobile overlay
Hamburger menu expands to a centred full-screen overlay with a smooth fade and animated ×, with its own colour settings. - WooCommerce ready
Cart icon with live item count and My Account link appear automatically when WooCommerce is active. - Live visual editing
Preview unsaved changes at phone, tablet and desktop widths, then drag header components into the order that suits your site.
Take a look under the hood…
Have a good look at the FlowNav admin area, change settings,
customise and experience the intuitive UI.
COMMON QUESTIONS
Frequently asked questions
Can FlowNav replace my WordPress theme header?
Yes. FlowNav is designed to replace a standard theme header with a responsive header and navigation system that you can control from WordPress.
What happens to the header when visitors scroll?
You can make it shrink proportionally, hide while scrolling, and change colour after it leaves the hero area.
Does FlowNav work on mobile?
Yes. FlowNav includes a full-screen mobile navigation overlay as well as responsive header behaviour.
How much does FlowNav cost?
FlowNav starts at £39 for one website as a one-off payment. Studio and Agency volume licences are also available — every tier includes the complete plugin and lifetime use.