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.
20+ 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'd normally spend an afternoon coding.
23+ Sticky Header Effects
Works with Elementor Free & Pro
Zero CSS, Zero Code
60-Day Money-Back Guarantee
◆ Domify
HomePropertiesOur ProjectFAQs
Contact UsBook Call
Looking ForProperty location
TypeProperty type
PricePrice
LocationAll Cities
Search
Luxury Lives Here
0
Active installs and counting
0/5
From 61 verified reviews
0
Ready-to-import headers
0
Unique sticky header effects
Header Effects
20+ Sticky Header Effects for Elementor
All 20+ 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.
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.
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.
Transparent
View demo
View demo AuroraDemo
Scroll Distance
View demo
View demo FjordDemo
Background Color
View demo
View demo MeridianDemo
Shrink
View demo
View demo StratusDemo
Logo
View demo
View demo OnyxDemo
Blur
View demo
View demo PrismDemo
Hide on Scroll
View demo
View demo LumenDemo
Bottom Border
View demo
View demo VertexDemo
Transparent
View demo
View demo HaloDemo
No templates in this category yet.
Pricing
Limited Time Launch Price
From the makers who power 500,000+ WordPress websites.
Free
The full free plugin to ship beautiful sticky headers.
$0free forever
- Unlimited sites
- Free updates
- Community support on WordPress.org
- 12 core sticky header effects
- Transparent Header, Sticky on Scroll
- Shrink Header, Shrink Logo, Change Logo Color
- Background on Sticky, Blur Background (Backdrop Filter)
- Bottom Border, Bottom Shadow
- Custom Menu Toggle Button, Header Position Tweaks
- Hide Header on Scroll Down
- 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.
$49$89one-time
Save $40
- WordPress site
- Lifetime updates
- Lifetime support
- All 23 sticky header effects (12 Free + 11 Pro)
- Display Condition, Sticky Until, Reveal Animations
- Header Replace on Scroll, Logo Image Swap
- Sticky Menu Styling, Backdrop Filter, Background Image
- Header Opacity Transition, Logo Styling, Multi-Sticky
- 50+ ready-made header templates
- Works on Elementor Free and Pro
- Per-device control: desktop, tablet, mobile
- No Code or Custom CSS
60-day money-back guarantee
Most value saver
Agency
For freelancers & studios shipping client builds.
$99$199one-time
Save $100
- Unlimited WordPress sites
- Lifetime updates
- Lifetime support
- All 23 sticky header effects (12 Free + 11 Pro)
- Display Condition, Sticky Until, Reveal Animations
- Header Replace on Scroll, Logo Image Swap
- Sticky Menu Styling, Backdrop Filter, Background Image
- Header Opacity Transition, Logo Styling, Multi-Sticky
- 50+ ready-made header templates
- Works on Elementor Free and Pro
- Per-device control: desktop, tablet, mobile
- No Code or Custom CSS
60-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 60-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.