100% Elementor compatible
Set inside the Elementor editor. Works with Elementor Free or Pro, on any Elementor-built theme.
★★★★★
Trusted by 300,000+ sites
The Fastest Way to Build Sticky Headers in Elementor. Without CSS or Code.
23+ scroll effects and 50+ ready-to-import templates. Change menu color on scroll, swap your logo, replace the whole header, run multi-sticky, control it per device, and more. Drop one in, tweak it from the Elementor editor, and ship the sticky header you would normally spend an afternoon coding.
23+ Sticky Header Effects
Works with Elementor Free & Pro
Zero CSS, Zero Code
30-Day Money-Back Guarantee
0
Active installs and counting
0/5
From 61 verified reviews
0
Ready-to-import headers
0
Unique sticky header effects
Built to stay fast
Sticky Header Effects That Stay Light and Fast.
Most plugins add features and quietly add weight. This one adds neither. Every effect runs on transform and opacity alone, so your header holds 60fps and your Core Web Vitals stay exactly where you left them.
One light script
No bloat. A single small stylesheet and script, written to WordPress coding standards.
Stays fast on scroll
Smooth at 60fps on every scroll, even on phones, with no hit to your page score.
No code, no snippets
Everything is visual, from the Advanced tab. No custom CSS, no theme edits.
Responsive on every device
Enable and fine-tune every effect on its own for desktop, tablet, and mobile.
Actively updated
300,000+ installs, regular updates, and a free WordPress.org helpdesk. GPLv3 licensed.
Header Effects
23+ Sticky Header Effects for Elementor
All 23+ sticky header effects, Free and Pro, in one place. Click any effect to watch its live demo right here, then turn it on with a single toggle in the Elementor editor.
Loading preview
Header Scroll Distance
Decide the exact scroll distance before the sticky effect kicks in.
Pre-made templates
50+ Ready-Made Sticky Header Templates. Filter by Effect. Import in One Click.
Pick the effect you want, find a header already designed around it, and import it straight into your page. Each one opens a live demo in a new tab, so you see exactly what you are getting before you use it.
View demo
Sticky Header Effects with Background Color ChangeDemo
View demo
Sticky Header with Bottom Border EffectDemo
View demo
Sticky Header with Logo & Background Color Shift & shrink HeaderDemo
View demo
Sticky Header with Logo & Background Color Shift & shrink HeaderDemo
View demo
Sticky Header with Hide-on-Scroll EffectDemo
View demo
Blur Background with Sticky Header Effects Demo
View demo
Sticky Header with Transparent Background Demo
View demo
Shrink Logo with Sticky Header EffectsDemo
One-time payment, no subscriptions, ever
30-day money-back guarantee
Works with Elementor Free & Pro
Pricing
Simple, One-Time Pricing.
From the makers who power 500,000+ WordPress websites. No subscriptions, ever.
Free
The full free plugin to ship beautiful sticky headers.
$0free forever
- Unlimited sites
- Free updates
- 12 core sticky header effects
- Works on Elementor Free and Pro
- Per-device control: desktop, tablet, mobile
- No code or custom CSS
No account · No credit card
Pro
For your own site, to unlock all effects.
$31$39one-time
Save $8 more with SHE20
- 1 WordPress site
- Lifetime updates & support
- All 23 sticky header effects
- Display Condition, Sticky Until, Reveal Animations
- 50+ ready-made header templates
- Per-device control: desktop, tablet, mobile
30-day money-back guarantee
Most value
Agency
For freelancers & studios shipping client builds.
$79$99one-time
Save $20 more with SHE20
- Unlimited WordPress sites
- Lifetime updates & support
- All 23 sticky header effects
- Display Condition, Sticky Until, Reveal Animations
- 50+ ready-made header templates
- Per-device control: desktop, tablet, mobile
30-day money-back guarantee
The prices above don't include taxes · Upgrade to a higher plan anytime · 100% safe & secure payments
From the community
300,000+ Builders Who Stopped Fighting Their Headers
Real reviews from WordPress.org, where Sticky Header Effects holds 4.6 stars across 61 reviews.
★★★★★
“A nice extension that takes a lot of coding out of your hands. What's even better is the support — within 48 hrs my problem was solved with helpful suggestions too. Highly recommend!”
josflachsWordPress.org
★★★★★
“I really like this plugin. It gives me the freedom to fully design my own header but with the features that normally come with a theme. The support is even better than most paid plugins.”
designkamerWordPress.org
★★★★★
“Awesome plugin, simple to use and a time saver. With a 20 second setup my sticky header with logo resize works flawlessly. Why this is not already in Elementor Pro is odd.”
gwmboxWordPress.org
★★★★★
“Make nice sticky header, very useful when you need to make a transparent header background. Great support.”
mstudioILWordPress.org
★★★★★
“Really big big thanks for the update! After it, the plugin works even better than the Elementor Pro header builder. Really appreciate your job, keep it up!”
rzeckiWordPress.org
★★★★★
“This widget is simple and easy to use. The plugin author answers very quickly to your request. I recommend it, and Elementor should add it as a core widget.”
pardaigleWordPress.org
★★★★★
“Such a great plugin! Thank you. It does exactly what I needed for my header on scroll.”
mijstreborWordPress.org
★★★★★
“This plugin is simple and easy to use. It takes a lot of coding out of your hands, and the author answers requests very quickly. Recommended.”
nomadwebsitedesignWordPress.org
★★★★★
“I wish I'd used this plugin from the very beginning. It's a no-brainer to set up — I highly recommend it to anyone who wants a sticky header.”
DA
dadams76WordPress.org
★★★★★
“An awesome free solution, and even better support. Does exactly what it promises.”
WA
wansoagencyWordPress.org
★★★★★
“I highly recommend this plugin for creating a sticky header in Elementor. It does the job perfectly and the team keeps improving it.”
Developer zahirWordPress.org
★★★★★
“One of the best working Elementor plugins for headers. Simply love it.”
AV
anfivincentWordPress.org
Got questions?
Everything to Know Before You Install
What Is a Sticky Header, and What Does Sticky Header Effects for Elementor Do?
A sticky header stays pinned to the top of the screen as visitors scroll, so your logo and menu stay in reach instead of scrolling away. Sticky Header Effects for Elementor makes any Elementor header sticky and adds 23 scroll effects on top, from transparent and blur to shrink, logo swap, and hide on scroll.
Do I Need Elementor Pro to Use Sticky Header Effects for Elementor?
No, and this is where most people get confused. Elementor's own sticky header needs paid Elementor Pro. Sticky Header Effects for Elementor works on both Elementor Free and Elementor Pro, so you get advanced sticky headers without paying to upgrade Elementor.
What Is the Difference Between Sticky Header Effects for Elementor Free and Pro?
Free gives you 12 core sticky header effects on unlimited sites, forever. Pro adds 11 advanced effects, including menu styling on scroll, logo image swap, header replace, and multi-sticky coordination, plus 50+ ready-made header templates. All 23 effects, one license.
Does Sticky Header Effects for Elementor Work With Any WordPress Theme?
Yes. If your header is built in Elementor, it works on any Elementor-built WordPress theme, including Nexter, Hello, Astra, Kadence, Blocksy, and GeneratePress.
Will a Sticky Header From Sticky Header Effects for Elementor Slow Down My WordPress Website?
No. Every effect uses transform and opacity only, so your header stays smooth and your Core Web Vitals stay intact. It loads one small script, nothing heavy.
How Many Websites Can I Use My Sticky Header Effects for Elementor Pro License On?
The Pro license covers 1 WordPress site. The Agency license covers unlimited WordPress sites with no per-site fee, which is why freelancers and agencies choose it.
Does My Sticky Header Effects for Elementor License Include Lifetime Updates and Lifetime Support?
Yes. Pro and Agency are both a one-time payment with lifetime updates and lifetime support included. No subscription, no renewal, no surprise bill.
What Is the Refund Policy for Sticky Header Effects for Elementor Pro?
Every paid license comes with a 30-day money-back guarantee. Install it on a real build, and if it is not the right fit, email us and we refund every cent, no questions asked.