Sticky Elementor – Sticky Header, Menu Color After Sticky, Logo Swap & Back to Top Button

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.

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.