Title: Sticky Header Effects for Elementor
Author: POSIMYTH
Published: <strong>May 26, 2018</strong>
Last modified: September 18, 2026

---

Search plugins

![](https://ps.w.org/sticky-header-effects-for-elementor/assets/banner-772x250.png?
rev=3301413)

![](https://ps.w.org/sticky-header-effects-for-elementor/assets/icon-256x256.gif?
rev=3301413)

# Sticky Header Effects for Elementor

 By [POSIMYTH](https://profiles.wordpress.org/posimyththemes/)

[Download](https://downloads.wordpress.org/plugin/sticky-header-effects-for-elementor.2.2.3.zip)

 * [Details](https://wordpress.org/plugins/sticky-header-effects-for-elementor/#description)
 * [Reviews](https://wordpress.org/plugins/sticky-header-effects-for-elementor/#reviews)
 *  [Installation](https://wordpress.org/plugins/sticky-header-effects-for-elementor/#installation)
 * [Development](https://wordpress.org/plugins/sticky-header-effects-for-elementor/#developers)

 [Support](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/)

## Description

The original Elementor sticky header & sticky menu plugin. Transparent, fixed & 
scroll effects (blur, shrink, hide) on Elementor Free or Pro.

### Sticky Header Effects for Elementor: Build Smart, Responsive Sticky Headers

**Sticky Header Effects for Elementor** is the plugin for turning any Elementor 
header into a smart, scroll aware sticky header. Add a sticky menu, a transparent
header, a fixed header, and 12 scroll based features like blur, shrink, hide on 
scroll and color change, all with no code, on Elementor Free or Pro.

Trusted by **300,000+ websites** with **5.4 million+ downloads** and rated **4.5
stars**, it is the sticky header plugin agencies, designers and site owners reach
for first.

[Live Demos](https://stickyheadereffects.com/sticky-header-for-elementor-templates/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)
| [Documentation](https://stickyheadereffects.com/docs?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)
| [Get Pro](https://stickyheadereffects.com/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffectsPro#pricing)

### Why 300,000+ Sites Choose Sticky Header Effects

 * **The original.** The plugin that made sticky header effects easy for Elementor,
   refined over years and 5.4M+ downloads.
 * **Works on Elementor Free.** You do not need Elementor Pro. Every free effect
   runs on Elementor Free or Pro.
 * **No code.** Everything lives in a simple panel inside the Elementor Advanced
   tab. No CSS, no JavaScript, no snippets.
 * **Responsive control.** Tune behavior and thresholds per device.
 * **50+ ready templates.** Import a proven header and go live in minutes.

### Tested, Maintained, and Supported

Sticky Header Effects is actively maintained and backed by real support, with docs
and live demos to get you set up fast. You get a reliable, responsive sticky header
without writing or maintaining a single line of code.

### Built Light, No Bloat

Performance is a feature. The effects run on a lightweight vanilla JavaScript engine
that only does work when you actually enable a sticky effect on a header. No heavy
libraries are forced onto every page, and nothing loads where it is not used. Your
Core Web Vitals stay yours.

### Free vs Pro

The free plugin gives you the core sticky header toolkit. **[Sticky Header Effects for Elementor Pro](https://stickyheadereffects.com/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffectsPro#pricing)**
is a separate add on that layers 12 advanced, scroll based features on top.

**Included in Free (11 features):**

 * Header scroll distance threshold
 * Transparent header background
 * Dynamic background color change
 * Bottom border and shadow styling
 * Header shrink on scroll
 * Logo shrink on scroll
 * Logo color change on scroll
 * Blur background (backdrop)
 * Hide header on scroll down
 * Back to Top button
 * Fix Anchor Scroll (offset in-page anchor links)

**Added in Pro (12 advanced features):**

 * Display Conditions (show and hide by page, post, role, URL and more)
 * Sticky Until (release at a container, page end, element or scroll distance)
 * Reveal and entrance animations (9 effects)
 * Header Replace on scroll (a different header look when sticky)
 * Logo image swap (with retina)
 * Sticky menu styling (5 menu types)
 * Extended backdrop filters (grayscale, brightness, contrast, hue)
 * Background image on sticky
 * Header opacity transition
 * Logo styling on sticky
 * Multi-Sticky coordination (up to 5 sticky sections)
 * Scroll Progress Bar (reading progress on the header or the browser edge)

### 11 Powerful Elementor Sticky Header Features

### 1. Header Scroll Distance Effect

**Set Scroll Trigger Threshold**
 Define how far the user scrolls before sticky 
effects activate. Perfect for precise control over header behavior. [Live Demo](https://stickyheadereffects.com/sticky-header-for-elementor-templates/?checkbox-sticky_header_effects=Header+Scroll+Distance&utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)

### 2. Transparent Header Background Effect

**Overlay with Elegance**
 Allow your header to overlay your hero or banner sections
with full transparency. Ideal for modern homepage designs. [Live Demo](https://stickyheadereffects.com/sticky-header-for-elementor-templates/?checkbox-sticky_header_effects=Transparent+Header+Background&utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)

### 3. Dynamic Background Color Change

**Auto Background Switching**
 Change your header background color on scroll to 
match different sections or maintain contrast. [Live Demo](https://stickyheadereffects.com/sticky-header-for-elementor-templates/?checkbox-sticky_header_effects=Background+Color+Change&utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)

### 4. Bottom Border Styling Effect

**Subtle Section Separation**
 Add customizable borders below your sticky header
for better definition and clean design. [Live Demo](https://stickyheadereffects.com/sticky-header-for-elementor-templates/?checkbox-sticky_header_effects=Bottom+Border+Styling&utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)

### 5. Header Shrinking Effect

**Reduce Header Height Dynamically**
 Shrink the entire header after scrolling to
save space and focus attention on the page content. [Live Demo](https://stickyheadereffects.com/sticky-header-for-elementor-templates/?checkbox-sticky_header_effects=Header+Shrinking&utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)

### 6. Logo Shrinking Effect

**Responsive Logo Transition**
 Shrink the logo proportionally during scroll, maintaining
visual balance and brand presence. [Live Demo](https://stickyheadereffects.com/sticky-header-for-elementor-templates/?checkbox-sticky_header_effects=Logo+Shrinking&utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)

### 7. Logo Color Change Effect

**Switch Logo Color for Better Contrast**
 Automatically switch to a contrasting
logo color on scroll based on background or user behavior. [Live Demo](https://stickyheadereffects.com/sticky-header-for-elementor-templates/?checkbox-sticky_header_effects=Logo+Color+Change&utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)

### 8. Blur Background Effect

**Add Modern Blur Transition**
 Enhance the visual flow by applying a subtle blur
effect to the background of your sticky header. [Live Demo](https://stickyheadereffects.com/sticky-header-for-elementor-templates/?checkbox-sticky_header_effects=Blur+Background&utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)

### 9. Hide Header on Scroll Down Effect

**Hide and Reappear on Scroll**
 Auto-hide the header when scrolling down and show
it again on scroll up. Great for content-heavy pages. [Live Demo](https://stickyheadereffects.com/sticky-header-for-elementor-templates/?checkbox-sticky_header_effects=Hide+Header+on+Scroll+Down&utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)

### 10. Back to Top Button

**Return to the Top in One Click**
 Add a floating Back to Top button that appears
once the visitor has scrolled past a distance you set, then smooth scrolls back 
to the top. Position, size, radius, colors and edge offset are all yours.

### 11. Fix Anchor Scroll

**Anchor Links That Land in the Right Place**
 Stop a sticky header from covering
the section an in-page anchor link jumps to. The offset follows the real header 
height automatically, with an extra gap control and optional smooth scrolling that
respects a reduced motion preference.

### Sticky Header Effects PRO: 12 Advanced Features

Want more control? **[Sticky Header Effects for Elementor Pro](https://stickyheadereffects.com/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffectsPro#pricing)**
is a separate add-on that builds on top of this free plugin. It adds 12 advanced,
scroll-based header features:

### 1. Display Conditions (PRO)

Show or hide the sticky header on specific pages, posts, taxonomies, roles, login
state, URLs and more.
 [Live Demo](https://stickyheadereffects.com/docs/show-or-hide-elementor-sticky-header-with-display-conditions/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffectsPro)

### 2. Sticky Until (Boundary Control) (PRO)

Release the sticky at a container, page end, custom element, or scroll distance.

[Live Demo](https://stickyheadereffects.com/demos/visionary-ai/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffectsPro)

### 3. Reveal / Entrance Animations (PRO)

9 entrance effects (slide, fade, zoom, flip) when the header becomes sticky, with
duration, easing and delay.
 [Live Demo](https://stickyheadereffects.com/demos/cashiq/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffectsPro)

### 4. Header Replace on Scroll (PRO)

Show a completely different header look when sticky, built from a normal and a sticky
version in one header (no second template).
 [Live Demo](https://stickyheadereffects.com/demos/claude-ortiz/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffectsPro)

### 5. Logo Image Swap (PRO)

Swap to a different logo image (with retina @2x) when the header becomes sticky.

[Live Demo](https://stickyheadereffects.com/demos/luminora/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffectsPro)

### 6. Sticky Menu Styling (PRO)

Restyle nav menu colors, typography and spacing only while sticky (Elementor, Mega
Menu, WordPress Menu and TPAE Nav Menu).
 [Live Demo](https://stickyheadereffects.com/demos/aurafurnish/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffectsPro)

### 7. Extended Backdrop Filters (PRO)

Add grayscale, brightness, contrast and hue-rotate on top of the free blur backdrop.

[Live Demo](https://stickyheadereffects.com/demos/zenflow/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffectsPro)

### 8. Background Image on Sticky (PRO)

Show a background image only while the header is sticky, with full position, size,
repeat and attachment controls.
 [Live Demo](https://stickyheadereffects.com/demos/ecoflux/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffectsPro)

### 9. Header Opacity Transition (PRO)

Smoothly fade the header opacity between its normal and sticky states.
 [Live Demo](https://stickyheadereffects.com/demos/flexify/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffectsPro)

### 10. Logo Styling on Sticky (PRO)

Add padding, border, radius and box-shadow to the logo only while sticky, with a
smooth transition.
 [Live Demo](https://stickyheadereffects.com/demos/zenflow/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffectsPro)

### 11. Multi-Sticky Coordination (PRO)

Coordinate up to five sticky sections on one page in Stack or Sequential modes, 
with priority ordering.
 [Live Demo](https://stickyheadereffects.com/demos/inkspire/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffectsPro)

### 12. Scroll Progress Bar (PRO)

Show a reading progress bar that fills as visitors scroll, attached to the header
or pinned to the browser edge, with thickness, fill and track colors, radius and
a smooth fill control.
 [Read Docs](https://stickyheadereffects.com/docs?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffectsPro)

**[Get Sticky Header Effects Pro](https://stickyheadereffects.com/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffectsPro#pricing)**,
backed by a 60-day money-back guarantee.

### Check Our Other Products

**[The Plus Addons for Elementor](https://theplusaddons.com/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)**–
Get 120+ unique Elementor widgets, Elementor templates, and more.

**[Nexter Blocks](https://nexterwp.com/nexter-blocks/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)**–
Nexter Theme works in sync with core Gutenberg. Add 90+ powerful, highly customizable
blocks.

**[NexterWP Theme](https://nexterwp.com/nexter-theme/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)**–
Best and lightest starter theme for WordPress and Elementor.

**[Nexter Extension](https://nexterwp.com/nexter-extension?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)**–
Power up your WordPress website with 20+ extensions for layout, performance, security
and more.

**[UiChemy – Figma to Elementor Converter](https://uichemy.com/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)**–
Convert your Figma templates into live Elementor websites using our [Free Figma Plugin](https://www.figma.com/community/plugin/1265873702834050352/).

**[WDesignKit](https://wdesignkit.com/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)**–
1000+ templates, Elementor and Gutenberg widget builder, cloud storage, widget to
block converter and more.

**[SproutOS](https://wordpress.org/plugins/sproutos/)** – A modern WordPress plugin
that helps site owners, agencies and developers work faster with AI-powered tools,
automation and workflow controls.

### External services

Sticky Header Effects for Elementor may connect to the external services below only
when the related feature is enabled:

 * **api.posimyth.com**: usage analytics. Off by default; submitting the deactivation
   feedback form also sends it, plus your admin email if you tick the contact box.
   [Terms](https://store.posimyth.com/terms-conditions/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)·
   [Privacy](https://store.posimyth.com/privacy-policy/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)·
   [what is shared](https://stickyheadereffects.com/docs/data-sharing/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)
 * **stickyheadereffects.com, posimyth.com**: header template and preset listings,
   requested by the plugin’s dashboard on your behalf. [Terms](https://store.posimyth.com/terms-conditions/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)·
   [Privacy](https://store.posimyth.com/privacy-policy/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)
 * **store.posimyth.com**: newsletter opt-in, only when you submit the Get Updates
   or dashboard subscribe form. Sends the email address you type, plus the name 
   if you use the dashboard box. [Terms](https://store.posimyth.com/terms-conditions/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)·
   [Privacy](https://store.posimyth.com/privacy-policy/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)
 * **wdesignkit.com**: ready-made header presets and preview images, delivered through
   the free WDesignKit companion plugin. [Terms](https://wdesignkit.com/terms/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)·
   [Privacy](https://wdesignkit.com/privacy-policy/?utm_source=wporg&utm_medium=listing&utm_campaign=StickyHeaderEffects)
 * **downloads.wordpress.org**: Rollback Manager downloads of a previous plugin 
   version from the WordPress.org plugin directory, only when you start a rollback.
   [Privacy](https://wordpress.org/about/privacy/)

If the separate Sticky Header Effects for Elementor Pro add-on is installed, it 
also validates its license key with store.posimyth.com. That flow is disclosed in
the Pro plugin.

## Screenshots

[⌊See it in action: the header starts transparent over the hero, then turns solid
and shrinks as you scroll.⌉⌊See it in action: the header starts transparent over
the hero, then turns solid and shrinks as you scroll.⌉[

See it in action: the header starts transparent over the hero, then turns solid 
and shrinks as you scroll.

[⌊No code needed. Turn any Elementor section or container into a sticky header from
the Advanced tab.⌉⌊No code needed. Turn any Elementor section or container into 
a sticky header from the Advanced tab.⌉[

No code needed. Turn any Elementor section or container into a sticky header from
the Advanced tab.

[⌊12 scroll based features in one panel: transparent, shrink, hide on scroll, blur,
and background or logo color change.⌉⌊12 scroll based features in one panel: transparent,
shrink, hide on scroll, blur, and background or logo color change.⌉[

12 scroll based features in one panel: transparent, shrink, hide on scroll, blur,
and background or logo color change.

[⌊Works on Elementor Free or Pro. Elementor Pro is not required.⌉⌊Works on Elementor
Free or Pro. Elementor Pro is not required.⌉[

Works on Elementor Free or Pro. Elementor Pro is not required.

[⌊Start fast with 50+ ready to import Elementor header templates.⌉⌊Start fast with
50+ ready to import Elementor header templates.⌉[

Start fast with 50+ ready to import Elementor header templates.

[⌊Fine tune each effect with separate control for desktop, tablet and mobile.⌉⌊Fine
tune each effect with separate control for desktop, tablet and mobile.⌉[

Fine tune each effect with separate control for desktop, tablet and mobile.

[⌊Smart branding: shrink the logo and switch its color on scroll to stay sharp on
any background.⌉⌊Smart branding: shrink the logo and switch its color on scroll 
to stay sharp on any background.⌉[

Smart branding: shrink the logo and switch its color on scroll to stay sharp on 
any background.

[⌊Go further with Sticky Header Effects Pro: Display Conditions, Sticky Until, Reveal
animations, Header Replace and Multi-Sticky.⌉⌊Go further with Sticky Header Effects
Pro: Display Conditions, Sticky Until, Reveal animations, Header Replace and Multi-
Sticky.⌉[

Go further with Sticky Header Effects Pro: Display Conditions, Sticky Until, Reveal
animations, Header Replace and Multi-Sticky.

## Installation

### How to Install Sticky Header Effects for Elementor in 3 Easy Steps

 1. Make sure Elementor (Free or Pro) is installed and activated.
 2. Install the **Sticky Header Effects for Elementor** plugin from the WordPress plugin
    repository.
 3. Open any page with Elementor, select a container or section, go to the **Advanced
    Tab**, and enable Sticky Header Settings.

## FAQ

### Why isn’t the “shrink” effect working?

The header cannot shrink smaller than the objects inside of it.

The “shrink” effect is restricted by the size of the content in the header section,
such as logos, images, menus, widgets, and also all of the padding and margins of
those elements. This also includes the padding and margins of the sections and columns
themselves.

To get the best “shrink” effect use these settings:
 * Set the top and bottom padding
to 0px on your sticky header section, column, and elements inside of it. * Set a
custom logo and other image height (you can leave the width blank for “auto”). *
Set the header section height to “min height” and adjust it to your desired height.

Basically what happens is that the content of the header is “too tall” to shrink
down anymore.

### Do I need Elementor Pro to use this plugin?

No. This plugin works perfectly with Elementor Free. For navigation menus, you can
use the free Nav Menu widget from The Plus Addons for Elementor. You will only need
Elementor Pro if you are using Pro Navigation widgets.

### Does it work with the Elementor Theme Builder?

Yes. You will find the Sticky Header Effects panel under the **Advanced Tab** of
every Elementor section and container. If you have Elementor Pro, it works on header
templates built with the Elementor Pro Theme Builder. On Elementor Free you do not
need Elementor Pro to build a custom header either: Nexter Extension includes a 
Free Theme Builder for headers, and the same Sticky Header Effects apply to those
headers too.

### Does it work with Elementor’s new Atomic Elements (V4) editor?

Not yet. Atomic Elements is an unreleased Elementor experiment, and atomic elements
do not expose the Sticky Header Effects panel. If you have that experiment turned
on, build your header with a classic Container and every effect works as normal.
Nothing changes for sites on the current Elementor 3.x releases.

### Is this a standalone plugin?

No, it requires Elementor Free or Pro. It extends Elementor’s functionality with
new header scroll effects.

### Is there a Pro version of this plugin?

Yes. **Sticky Header Effects for Elementor Pro** is a separate add-on plugin that
requires this free plugin to be installed and active. It adds Display Conditions,
Sticky Until (boundary control), Reveal animations, Header Replace on scroll, Logo
Swap, Sticky Menu Styling, extended Backdrop Filter, Background Image on sticky,
Opacity transitions, Logo Styling, Multi-Sticky coordination, and a Scroll Progress
Bar. All of the free effects continue to work exactly the same with or without Pro
installed.

### What’s the difference between Sticky Header Effects Pro and Elementor Pro?

They are unrelated products. **Elementor Pro** is Elementor’s own premium plugin(
widgets, theme builder, etc.). **Sticky Header Effects for Elementor Pro** is our
add-on that extends this specific plugin’s sticky header effects, and works with
either Elementor Free or Elementor Pro.

### Where can I find the Sticky Header Effects settings?

Inside Elementor Editor, select any container, go to the **Advanced Tab**, and scroll
to the **Sticky Header Effects** section.

### Will this plugin work with any WordPress theme?

Yes, it works well with most Elementor-optimized themes, including Hello, Nexter,
Astra, and more.

### Will this slow down my website?

Not at all. It is highly optimized for performance and coded lightweight to ensure
fast page loads.

### How can I report security bugs?

You can report security bugs through the Patchstack Vulnerability Disclosure Program.
The Patchstack team helps validate, triage and handle any security vulnerabilities.
[Report a security vulnerability.](https://patchstack.com/database/vdp/9151acea-1465-4a3d-a9a5-23535fa6e00b)

## Reviews

![](https://secure.gravatar.com/avatar/51d07880cf9b178d77b1ddee1452f180aad3423657daff90b10dff92667c8d5a?
s=60&d=retro&r=g)

### 󠀁[Top](https://wordpress.org/support/topic/top-1821/)󠁿

 [Philippe Cadu](https://profiles.wordpress.org/philapho/) September 19, 2026

<span style="font-size: inherit; color: inherit;">Well done!</span><div style="color:
inherit">I've been using it for two years now, and honestly, it works really well—
with plenty of settings to customize it for different websites.The “Back to Top”
button is greatThank you for all the work you do</div>

![](https://secure.gravatar.com/avatar/a42120719dc3b33263e3026e74a47849f8c14d611050cdfc1f7bd0771c571948?
s=60&d=retro&r=g)

### 󠀁[Highly recommend it](https://wordpress.org/support/topic/highly-recommend-it-10/)󠁿

 [haoge](https://profiles.wordpress.org/haoge/) November 27, 2025

This was my first time using this plugin, but I encountered a problem that the plugin
couldn't solve. I checked their YouTube tutorials but couldn't find the solution
I needed. On a whim, I left a message asking for help, and to my surprise, they 
replied very quickly, telling me to submit a support ticket. I did, and their technical
support responded quickly and helped me solve my problem. The key point is that 
I hadn't used any of their Pro versions; they helped me resolve my issue for free.
I'm very grateful and highly recommend it to everyone.

![](https://secure.gravatar.com/avatar/c6a4eca694d02d7d25a04cb01a66e457827d705b2b2a9815f01e0b23536dd5eb?
s=60&d=retro&r=g)

### 󠀁[Fantastic Plugin! Helped Us Discover Even More Great Tools](https://wordpress.org/support/topic/fantastic-plugin-helped-us-discover-even-more-great-tools/)󠁿

 [Udayraj Khatri](https://profiles.wordpress.org/udayraj/) August 25, 2025

We have been using Sticky Header Effects for Elementor for a while now and it’s 
been a great help in our projects. The latest version has a few more ads, but overall
the plugin works smoothly. It also helped us find Nexter Extension, which we now
use on all our WordPress sites. We’ve shared some feedback in their survey and are
looking forward to more awesome updates from the team. Highly recommended for anyone
using Elementor.

![](https://secure.gravatar.com/avatar/1393b7dc6be11423383643c6dae51d816266c4aae58997b7654d5ef19e9152a5?
s=60&d=retro&r=g)

### 󠀁[Plugin was great, now it’s bloatware!](https://wordpress.org/support/topic/plugin-was-great-now-its-bloatware/)󠁿

 [jaydenbtc](https://profiles.wordpress.org/jaydenbtc/) July 10, 2025 1 reply

What a shame! This used to be a very useful, simple, and straightforward plugin.
Once upon a time it didn't add any marketing features to your dashboard, didn't 
try and upsell you on PRO features or other plugins. The plugin developer either
sold it to someone else or gave up its rights as of v2.1.0 it now it does exactly
the opposite of that, I clicked 2-3 buttons that installed another plugin "WPDesignKit"
and they're constantly trying to shove other plugins and upsells down your throat
in the plugin's new dashboard and your WordPress dashboard. You can roll the plugin
back to earlier versions, but then you're missing out on the alleged "Bug fixes 
and Improvements" in their updates and dealing with (1 Plugin needs to be updated)
notices…. I am using it on version 1.7.8 – the last good version.

![](https://secure.gravatar.com/avatar/3771c798e6527f69f8a6824bfa386a159259f47b8a0c351fc83d04c2892fc86b?
s=60&d=retro&r=g)

### 󠀁[Incredibly useful](https://wordpress.org/support/topic/incredibly-useful-69/)󠁿

 [jkalukic](https://profiles.wordpress.org/jkalukic/) May 24, 2025

The sticky panel feature is incredibly useful. I added it to a sidebar for important
links, and it works flawlessly across all screen sizes. It keeps the user experience
smooth and professional. Great plugin!

![](https://secure.gravatar.com/avatar/3e5b66dfc13bfb368e7a939eb16cacbaabb93813a0cb0d42f3f030367d3f82b8?
s=60&d=retro&r=g)

### 󠀁[Ups and downs over time](https://wordpress.org/support/topic/ups-and-downs-over-time/)󠁿

 [ianstudio](https://profiles.wordpress.org/ianstudio/) May 18, 2025

Ups and downs over time in development, also this tool mentions:IMPORTANT: This 
plugin does NOT control the sticky position of the header. Please use the above 
Motion Effects tab sticky options to make the header sticky. but the opposite is
true, if you do activate Elementor's Sticky Menu option your menu will mess up and
not return to full width upon window size changes. It took me some time to figure
this out. I was about to ditch the plugin. Please devs, remove this mention.

 [ Read all 68 reviews ](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/reviews/)

## Contributors & Developers

“Sticky Header Effects for Elementor” is open source software. The following people
have contributed to this plugin.

Contributors

 *   [ POSIMYTH ](https://profiles.wordpress.org/posimyththemes/)
 *   [ Parthh Padhiyar ](https://profiles.wordpress.org/parthh2510/)
 *   [ Aditya Ranjan Sharma ](https://profiles.wordpress.org/adityaarsharma/)
 *   [ Robert Wattner ](https://profiles.wordpress.org/rwattner/)
 *   [ Sagar Patel ](https://profiles.wordpress.org/sagarpatel124/)

“Sticky Header Effects for Elementor” has been translated into 11 locales. Thank
you to [the translators](https://translate.wordpress.org/projects/wp-plugins/sticky-header-effects-for-elementor/contributors)
for their contributions.

[Translate “Sticky Header Effects for Elementor” into your language.](https://translate.wordpress.org/projects/wp-plugins/sticky-header-effects-for-elementor)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/sticky-header-effects-for-elementor/),
check out the [SVN repository](https://plugins.svn.wordpress.org/sticky-header-effects-for-elementor/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/sticky-header-effects-for-elementor/)
by [RSS](https://plugins.trac.wordpress.org/log/sticky-header-effects-for-elementor/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 2.2.3

 * Added: Back to Top button, a floating scroll-to-top control you can switch on
   for any sticky header
 * Added: Fix Anchor Scroll, so in-page anchor links are no longer hidden behind
   the sticky header
 * Added: Header Effects screen to turn individual free effects on and off
 * Improvement: Reworked the dashboard Home screen, now the default landing tab
 * Improvement: WordPress Abilities API now covers the new Back to Top and Fix Anchor
   Scroll effects for AI-assisted demo creation
 * Fix: Back to Top button now stays clear of the header’s own scroll transforms
 * Fix: More dashboard strings can now be translated
 * Fix: Minor Bug Fixes & Performance Improvements

#### 2.2.2

 * Maintenance: WordPress 7.1 compatibility update
 * Maintenance: Elementor 4.2 and Elementor Pro 4.1 compatibility update

#### 2.2.1

 * Added: Privacy: Data sharing is off by default. When enabled, shared non-sensitive
   details help us improve the plugin and build a better experience for users
 * Improvement: Privacy: Nothing is shared until you turn it on, and never any personal
   data
 * Improvement: Translation – several dashboard strings that were previously hard-
   coded can now be translated
 * Improvement: Deactivation feedback now works on translated sites, and only sends
   your email address if you tick the contact box
 * Fix: Resolved a reported WordPress.org support issue where some dashboard strings
   could not be translated
 * Fix: Minor Bug Fixes & Performance Improvements

#### 2.2.0

 * Added: WordPress Abilities API support for AI-assisted sticky-header demo creation(
   WordPress 6.9+)
 * Added: Pro feature discovery with Live Demo and Read Docs links in the editor
 * Added: “Join Community” admin notice
 * Improvement: Dashboard UI enhancements
 * Improvement: Dashboard input validation and permission handling improved
 * Improvement: Preset and WDesignKit popup input and permission handling improved
 * Improvement: Admin notice output rendering improved for better compatibility
 * Improvement: Plugin/theme scan now runs only on the plugin’s own dashboard screen
   for faster admin pages
 * Improvement: Sticky scroll performance improved with animation-frame throttling
 * Improvement: Plugin code quality, PHP 8 compatibility, and translation coverage
 * Fix: Sticky Scroll Distance now honors the vh unit and responsive overrides
 * Fix: Sticky header no longer hides behind the admin bar at smaller screen widths
 * Fix: Removed a broken image reference on the rollback screen
 * Fix: Minor Bug Fixes & Performance Improvements

#### 2.1.9

 * Maintenance: WordPress 7.0 compatibility update

#### 2.1.8

 * Maintenance: WordPress 6.9 compatibility update

#### 2.1.7

 * Improvement: UI Related Minor Bug Fixes

#### 2.1.6

 * Fixed: Minor Bug Fixes & Performance Improvements

#### 2.1.5

 * Fixed: Minor Bug Fixes & Performance Improvements

#### 2.1.4

 * Fixed: Minor Bug Fixes & Performance Improvements

#### 2.1.3

 * Fixed: Security Patch (Low Security)

#### 2.1.2

 * Improvement : WDesignKit 2.0 Compatibility
 * Fixed: Minor Bug Fixes & Performance Improvements

#### 2.1.1

 * improvement: Header Template Import Process
 * Fixed: Minor Bug Fixes & Performance Improvements

#### 2.1.0

 * Fixed: Header Resize Issue Fixed
 * Fixed: Minor Bug Fixes & Performance Improvements

#### 2.0

 * New: Dashboard for better UI/UX
 * New: Add Preset Option for the Ready Design
 * New: Dashboard : Plugin Rollback Option
 * Fixed: Minor Bug Fixes & Performance Improvements

#### 1.7.8

 * Fixed: Offset issues on the frontend
 * Fixed: Minor Bug Fixes & Performance Improvements

#### 1.7.7

 * Fixed: Minor Bug Fixes & Performance Improvements

#### 1.7.6

 * Fixed: Offset issues on the frontend
 * Fixed: Minor Bug Fixes & Performance Improvements

#### 1.7.5

 * Added: Offset Option for Sticky Elements to Control the Distance from the Top
   With Responsive Support.
 * Added: Padding Option to Customize Spacing for Sticky Elements with Responsive
   Support.
 * Added: Width Option to Define the Width of Sticky Elements Dynamically With Responsive
   Support.
 * Fixed: Minor Bug Fixes & Performance Improvements

#### 1.7.4

 * Added: Compatibility with Elementor Containers
 * Fixed: Minor Bug Fixes & Performance Improvements

#### 1.7.3

 * Maintenance: WordPress 6.7 compatibility update

#### 1.7.2

 * Fixed: Bugs

#### 1.7.1

 * Fixed: Improved method for not overriding elementor sticky settings.

#### 1.7

 * Maintenance: WordPress 6.5 compatibility update
 * Notice: Plugin will only receive minimal support
 * Added: Pro features that would have never been released(Disable Fully Transparent
   Background, Background Type, Custom Menu Toggle Button, Bottom Shadow, Blur Background
   settings)

#### 1.6.11

 * Maintenance: WordPress 6.5 compatibility update

#### 1.6.10

 * Maintenance: WordPress 6.4 compatibility update

#### 1.6.9

Fixed: Javascript bug with sections
 Fixed: Header width bug Tweaked: Optimized 
CSS

#### 1.6.8

Fixed: Shrink logo bug
 Fixed: Shrink header bug Fixed: Transparent header bug Fixed:
All CSS color and size transitions Added: Compatibility with new elementor “mega”
menu Added: Ability to override logo color change on elements using class “not-logo”
Tweaked: Logo color change optimized so “full color” option no longer overwrites
elementor css settings

#### 1.6.7

 * Fixed: Transparent header bug

#### 1.6.6

 * Fixed: Shrink header bug
 * Fixed: Bottom border color and size transitions
 * Added: Compatibility with new elementor “mega” menu
 * Added: Ability to override logo color change on elements using class “not-logo”
 * Tweaked: Logo color change optimized so “full color” option no longer overwrites
   elementor css settings

#### 1.6.5

 * Tweaked: Logo transition CSS for image widget
 * Tweaked: Logo color CSS for image widget
 * Maintenance: WordPress 6.2 compatibility update

#### 1.6.4

 * Fixed: Js bug
 * Fixed: Logo color not changing on scroll
 * Fixed: CSS for smooth transitions
 * Konwn Bugs: Shrink logo/header

#### 1.6.3

 * Reverted to 1.5.5 only with container compatibility

#### 1.6.2

 * Fixed: Section height bug

#### 1.6.1

 * Fixed: Js bug
 * Fixed: Container shrink bug

#### 1.6

 * Fixed: Shrinking Logo bug
 * Fixed: Container support using Elementor free
 * Fixed: Logo color change set to none doesn’t remove CSS filter settings
 * Added: Disable/enable completely transparent header
 * Tweak: Changed logo color settings to be more clear
 * Maintenence: Optimized CSS for v2.0
 * Maintenence: Optimized JavaScript for v2.0
 * Maintenence: Optimized Elementor controls for v2.0

#### 1.5.5

 * Fixed: Shrinking Logo bug
 * Fixed: Header section top position
 * Maintenence: Optimized CSS code

#### 1.5.4

 * Fixed: Shrinking Logo bug

#### 1.5.3

 * Fixed: Gap above mobile header bug

#### 1.5.2

 * Fixed: Gap above header bug

#### 1.5.1

 * Fixed: WordPress admin bar bug

#### 1.5

 * Fixed: Gap above header bug

#### 1.4.9

 * Added: Compatibility with Elementor Containers
 * Maintenance: WordPress 6.0 compatibility update

#### 1.4.8

 * Maintenance: WordPress 5.9 compatibility update

#### 1.4.7

 * Fixed: Misc Bugs

#### 1.4.6

 * Fixed: Hide header bug

#### 1.4.5

 * Fixed: WP admin bar bug

#### 1.4.4

 * Maintenance: WordPress 5.8 compatibility update
 * Fixed: Header width bug
 * Update: Better responsive Worspress admin bar handling

#### 1.4.3

 * Fixed: Full color logo after scroll bug

#### 1.4.2

 * Fixed: Bugs

#### 1.4.1

 * Fixed: Gap above header bug

#### 1.4.0

 * Added: WordPress 5.5 compatibility
 * Added: Elementor 3 compatibility
 * Added: Hide on scroll down feature
 * Added: Blur background feature
 * Added: Before and after scrolling logo color options
 * Fixed: Opera browser hash links not activating scrolling effects
 * Fixed: Editor handle bug
 * Fixed: All labels and descriptions to help with user operation
 * Fixed: Various code optimizations
 * Fixed: Transparent on mobile bug
 * Fixed: Stretched section broke transparent header

#### 1.3.2

 * Fixed: Transition CSS

#### 1.3.1

 * Fixed: Bugs

#### 1.3.0

 * Added: Shrink Logo feature

#### 1.2.3

 * Fixed: Hook on the new Elementor Pro 2.4.7 version

#### 1.2.2

 * Removed: Stretched section condition

#### 1.2.1

 * Added: Compatibility with the new Elementor 2.1.1 version
 * Fixed: JavaScript error

#### 1.2.0

 * Removed: Sticky Header feature(Elementor fixed theirs)
 * Added: Transparent header feature
 * Added: Compatibility with the new Elementor 2.1 version
 * Added: Change javascript to external file
 * Fixed: Bugs

#### 1.1.2

 * Fixed: Bugs

#### 1.1.1

 * Fixed: Bug where section didn’t move to top of page

#### 1.1.0

 * Added: Sticky header feature
 * Added: Bottom border feature
 * Fixed: Bugs with tablet and mobile responsive modes
 * Fixed: Padding issues when using the “shrink” effect

#### 1.0.0

 * Initial stable release

## Meta

 *  Version **2.2.3**
 *  Last updated **3 weeks ago**
 *  Active installations **300,000+**
 *  WordPress version ** 6.3 or higher **
 *  Tested up to **7.1.3**
 *  PHP version ** 7.4 or higher **
 *  Languages
 * [Dutch](https://nl.wordpress.org/plugins/sticky-header-effects-for-elementor/),
   [English (US)](https://wordpress.org/plugins/sticky-header-effects-for-elementor/),
   [French (France)](https://fr.wordpress.org/plugins/sticky-header-effects-for-elementor/),
   [Galician](https://gl.wordpress.org/plugins/sticky-header-effects-for-elementor/),
   [Japanese](https://ja.wordpress.org/plugins/sticky-header-effects-for-elementor/),
   [Russian](https://ru.wordpress.org/plugins/sticky-header-effects-for-elementor/),
   [Serbian](https://sr.wordpress.org/plugins/sticky-header-effects-for-elementor/),
   [Spanish (Chile)](https://cl.wordpress.org/plugins/sticky-header-effects-for-elementor/),
   [Spanish (Colombia)](https://es-co.wordpress.org/plugins/sticky-header-effects-for-elementor/),
   [Spanish (Mexico)](https://es-mx.wordpress.org/plugins/sticky-header-effects-for-elementor/),
   [Spanish (Spain)](https://es.wordpress.org/plugins/sticky-header-effects-for-elementor/),
   and [Spanish (Venezuela)](https://ve.wordpress.org/plugins/sticky-header-effects-for-elementor/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/sticky-header-effects-for-elementor)
 * Tags
 * [elementor](https://wordpress.org/plugins/tags/elementor/)[fixed header](https://wordpress.org/plugins/tags/fixed-header/)
   [sticky header](https://wordpress.org/plugins/tags/sticky-header/)[sticky menu](https://wordpress.org/plugins/tags/sticky-menu/)
   [transparent header](https://wordpress.org/plugins/tags/transparent-header/)
 *  [Advanced View](https://wordpress.org/plugins/sticky-header-effects-for-elementor/advanced/)

## Ratings

 4.5 out of 5 stars.

 *  [  49 5-star reviews     ](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/reviews/?filter=5)
 *  [  13 4-star reviews     ](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/reviews/?filter=4)
 *  [  4 3-star reviews     ](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/reviews/?filter=3)
 *  [  1 2-star review     ](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/reviews/?filter=2)
 *  [  2 1-star reviews     ](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/reviews/)

## Contributors

 *   [ POSIMYTH ](https://profiles.wordpress.org/posimyththemes/)
 *   [ Parthh Padhiyar ](https://profiles.wordpress.org/parthh2510/)
 *   [ Aditya Ranjan Sharma ](https://profiles.wordpress.org/adityaarsharma/)
 *   [ Robert Wattner ](https://profiles.wordpress.org/rwattner/)
 *   [ Sagar Patel ](https://profiles.wordpress.org/sagarpatel124/)

## Support

Issues resolved in last two months:

     1 out of 1

 [View support forum](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/)