Select one or more tags, then press “Search Plugins”

Find Plugin with any / all of the selected criteria
Search Plugin

Jamie’s Header Effects Wordpress Plugin - Rating, Reviews, Demo & Download

Jamie’s Header Effects Preview Wordpress Plugin - Rating, Reviews, Demo & Download
No ratings yet
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

Jamie’s Header Effects makes your block theme’s header feel alive. Turn it on, pick an effect, and your header follows the visitor down the page — gracefully.

Chameleon — the headline feature. As you scroll, the header samples the colour of the section underneath it and recolours itself to match, automatically switching its text between light and dark for contrast. Scroll from a navy hero into a cream section into a forest-green footer and the header changes with you. No configuration per section; it just works.

Frosted blur — a translucent, blurred header that lets the page show through, like frosted glass. Set the colour, opacity and blur amount.

Solid colour — a classic sticky header with your chosen colour and opacity, and a soft shadow when stuck.

Hide on scroll down, reveal on scroll up — the header slips away while you read and comes back the moment you scroll up. Tune the sensitivity and delay.

Transparent overlay header — float the header over your first section for the full-bleed hero look, with no layout jump.

Everything else you’d expect is here too: an automatic admin-bar offset, z-index control, a “push content down” option, a mobile breakpoint to disable the effect on small screens, and the ability to switch it off for particular post types or templates. Transitions respect prefers-reduced-motion.

It’s theme-agnostic (it finds your header automatically, with an override selector for unusual themes), accessible, and ships no jQuery.

Settings: Appearance Header Effects.

Screenshots

  1. Chameleon mode: the header takes on the colour of each section as you scroll.

    Chameleon mode: the header takes on the colour of each section as you scroll.

  2. Frosted-glass blur header over a photo.

    Frosted-glass blur header over a photo.

  3. The settings screen under Appearance → Header Effects.

    The settings screen under Appearance → Header Effects.


Reviews & Comments