Are you looking for a Free Sticky Header for Elementor ? Sticky Elementor is a high-performance, lightweight plugin designed to add advanced sticky effects to any Elementor container. Whether you want a Transparent Sticky Header , a Sticky Mobile Menu , or a Shrink Logo on Scroll effect, this plugin
PricingFree downloadThe WordPress.org download is free. Pro versions, add-ons or external services may cost extra.
CompatibilityRequires WordPress 5.0 and PHP 7.2.
SourceWordPress plugins · Nov 13, 2026
01 / Source details
Aboutthistool.
Are you looking for a Free Sticky Header for Elementor ?
Sticky Elementor is a high-performance, lightweight plugin designed to add advanced sticky effects to any Elementor container. Whether you want a Transparent Sticky Header , a Sticky Mobile Menu , or a Shrink Logo on Scroll effect, this plugin provides a complete toolkit with zero coding required.
Built for full compatibility with Elementor’s Flexbox container system , it offers advanced scroll effects, sticky triggers, entrance animations, and responsive visibility.
🌟 Why Choose Sticky Elementor?
Zero Layout Shift (CLS Fix): Our dynamic spacer ensures your content doesn’t “jump” when the header becomes sticky, improving your Google Core Web Vitals score.
Mobile-First Design: Individual sticky controls for Desktop, Tablet, and Mobile.
All-in-One Solution: Get advanced sticky options, logo swapping, and menu styling in one lightweight package.
🚀 Key Features
Works seamlessly with Elementor Flexbox containers and common widgets: Nav Menu, Button, Heading — with full control to change their styles even after they become sticky.
Compatible with Essential Addons for Elementor (e.g., Button, Simple Menu widgets) – sticky effects work perfectly with them.
Fully works with Templately templates , so you can directly use sticky effects inside pre-built designs.
Back to Top button with smooth scroll animation (fully customizable).
Any container sticky – headers, sections, logos, toolbars, or promo bars.
Control sticky position: top, middle, or bottom.
Customize appearance: top offset, padding, background, width, and border radius.
Entrance animations for sticky elements: fade, slide, zoom, rotate, bounce, and more.
Transition Speed controller to adjust animation speed.
Z-Index control to manage stacking of sticky elements.
Rotation effects (X & Y) on scroll for dynamic animations.
Responsive controls for desktop, tablet, and mobile.
Shrink logos and change logo color on scroll.
Glassmorphism Effects: Add modern Blur (Backdrop Filter) and Transparency effects for a premium look.
Menu & Button Styling: Change navigation text color and button backgrounds specifically for the sticky state.
Back to Top Button: Add a smooth-scrolling back to top button with customizable styles.
Works seamlessly with popular Elementor addons (Royal Addons, Premium Addons, ElementsKit, Ultimate Addons for Elementor, plus more) ensuring smooth compatibility.
Lightweight and optimized with minimal JS & CSS for top performance.
Whether you’re building a sticky header, floating section, or a smart scroll-based container — this plugin makes it fast and easy, and it works fully with free Elementor (Pro is not required).
✅ Compatibility with Popular Elementor Addons
Sticky Elementor is fully tested and compatible with popular Elementor addons and their key widgets:
Elementor Addons – Fully supports Heading,Button and Icon styling after sticky.
Essential Addons for Elementor – Works with Button, Simple Menu widgets.
Royal Addons for Elementor – Compatible with Nav Menu, Mega Menu, and Button widgets.
Premium Addons for Elementor – Sticky effects work smoothly with Nav Menu and Button widgets.
ElementsKit Elementor Addons – Fully supports Nav Menu and Button styling after sticky.
Ultimate Addons for Elementor – Compatible with Nav Menu widgets and sticky styling.
Flexbox Containers & Templately Templates
👨💻 Why Choose Sticky Elementor?
100% free and easy to use.
Lightweight and optimized for performance.
Designed with SEO-friendly practices.
Regular updates with new features.
Compatibility with wordpress 7.0.
Credits
Developed with ❤️ by Bhumi
License
This plugin is licensed under the GPLv2 or later. See https://www.gnu.org/licenses/gpl-2.0.html for details.
See it in action
Screenshots & previews.
Sticky Header Customization: Change Logo, Menu Color, and Background on Scroll.Elementor Menu Styling: Sticky Effects with ElementsKit Nav Menu Widget.Mega Menu Sticky Support: Seamless Compatibility with Royal Addons Navigation.Sticky Button Animations: Work with Essential Addons & Simple Menu Widgets.
02 / Source details
Gettingstarted.
01Upload the plugin folder to /wp-content/plugins/ directory.
02Activate the plugin through the ‘Plugins’ screen in WordPress.
03Edit any page using Elementor.
04Select a container → Go to Advanced tab → Sticky Settings .
05Enable sticky and customize your professional header!
03 / Source details
Frequently asked questions.
How to create a Sticky Header in Elementor Free?
Simply install this plugin, open your Elementor editor, select your header container, and enable “Sticky” under the Advanced tab.
Can I use different sticky settings for Mobile?
Absolutely. Every major setting (Offset, Padding, Background) has responsive controls for Desktop, Tablet, and Mobile.
Does this plugin work with Elementor’s Flexbox Containers?
Yes! It’s fully compatible and optimized for the Flexbox system.
Can I use this with free Elementor?
Absolutely. No Elementor Pro required.
Can I change menu text color after sticky without custom CSS?
Yes — Sticky Elementor includes direct controls to change your navigation menu text color after it becomes sticky. No custom CSS is needed.
Can I change button background or text color on sticky?
Absolutely. You can style your header buttons with different colors, backgrounds, and hover effects after sticky without writing code.
Can I change the header background color on scroll?
Yes — you can set a different background color for your header once it becomes sticky, making it stand out as users scroll.
Does it support Elementor Nav Menu widget styling after sticky?
Yes — Sticky Elementor allows you to customize Elementor’s Nav Menu widget (text, hover, and active colors) specifically for the sticky state.
Can I make the logo shrink or change color on scroll?
Yes — logo shrink and color filter options are included.
Can I swap my logo on scroll?
Yes — Sticky Elementor now lets you smoothly swap logos on scroll for better branding (e.g., light logo → dark logo).
Is it lightweight?
Yes, it is optimized with minimal JS/CSS to ensure your site stays fast and SEO-friendly.
Will this affect my site’s performance?
Not at all. It uses minimal and optimized JavaScript and CSS.
Does this plugin work with popular Elementor addons?
Yes ✅ Sticky Elementor is fully compatible with multiple popular Elementor addons. We have tested and confirmed compatibility with:
Royal Addons – Nav Menu, Mega Menu, Button
Premium Addons – Nav Menu, Button
ElementsKit Addons – Nav Menu, Button
Ultimate Addons – Nav Menu
Essential Addons – Button, Simple Menu
It also works perfectly with Elementor’s core widgets such as Nav Menu, Button, Heading, Icon, Image, and Container .
Can I show support contact or a help message?
Yes — a support notice control lets you add custom help info, such as a direct link to the WordPress.org support forum, so users can raise a ticket and receive answers quickly.
FinderPress Media Auditor helps site administrators scan for broken images, missing Media Library files, unreachable media URLs, and other media issues across WordPress content. Use it to audit images, video, audio, PDFs, featured images, and attachment files without sending scan data to an external
The Accepted Payment Methods plugin is a straightforward, lightweight solution that enhances your website by displaying visually appealing icons of the payment methods you accept. This plugin is ideal for a variety of websites, including e-commerce platforms, service-oriented websites, and informati
