Sticky Header Effects for Elementor

Sticky Header Effects for Elementor

Options and features that extend Elementor Pro's sticky header capabilities.
Rating:
4.5
star-rating-1star-rating-2star-rating-3star-rating-4star-rating-5
Active Installations:
300000+
Last Updated:
Oct 02, 2025
WordPress Version:
5.3 or higher
Tested up to:
6.8.3

Customizable Header Effects

Change header styling on scroll.

Note that the "shrink" effect is limited by the height and padding of the header content. See the F.A.Q. for more information.

Enhance Header Design

Shrink logo, change logo color, and add background blur

Cross-Browser Compatible

Works on all browsers and devices.

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

Fantastic Plugin! Helped Us Discover Even More Great Tools

By Udayraj Khatri (udayraj) on 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.

Plugin was great, now it's bloatware!

By jaydenbtc on July 10, 2025

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.

Incredibly useful

By jkalukic on 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!

Ups and downs over time

By ianstudio on 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.

Best

By Developer zahir (devzahir) on August 15, 2024

I highly recommend this plugin for creating a sticky header in Elementor. However, it's challenging to add custom CSS after implementing the sticky header. It would be helpful to have the ability to add a "sticky-active" class to customize the header when it's sticky. Additionally, having the option to add a box-shadow would be beneficial.

Kind of Works

By teaneedz on July 11, 2024

The desktop options seem to work, but trying to integrate on the mobile side is a headache and creates more problems. Even when the sticky option is supposedly only enabled on the desktop, it carries over to my iphone still. If a transparent background is enabled, that works on the desktop, but again on the phone, the sticky header sits like a normal header but without the hero div appearing underneath it (though it works fine in desktop mode or when adjusting the desktop browser to a narrow view).

This seems only really reliable on a desktop view but forget about trying to design and then getting it all to work on the mobile side.

[Update] I'm going to add a star since I'm still in the middle of troubleshooting what the exact problem is here.

Best plugin after update

By rzecki on June 27, 2024

Guys, really big big thanks for the update! After it, the plugin works even better than elementor pro header builder, really appreciate your job, keep it up!

Works great!

By campus42 on February 13, 2024

Thank you for this shortcut / timesaver. Well done and it works perfect.

Great, with superb support

By josflachs on November 21, 2023

A nice extension that takes a lot of coding out of your hands. It's easy to fix your header, but a lot of work to make it look good. Sticky Header Effects for Elementor does that for you.

What's even better is the support. I had several problems I couldn't solve. Within 48 hrs I got a reply. Not only was my problem solved, but some helpful suggestions to improve on it as well.

Highly recommend!

Best Plugin Ever

By dadams76 on November 11, 2023

I wish I would've users plug-in from the very beginning! I highly recommend this plug-in to anybody who wants a sticky header. It is a no-brainer to set up.

Try other plugins too!

WPZOOM Addons for Elementor (Templates, Widgets)

WPZOOM Addons for Elementor contains a collection of pre-designed templates and advanced widgets for the Elementor page builder.

Try Demo More Details

aThemes Starter Sites

We’ve got a full and ever-growing library stocked with ready-made templates for any kind of business.

Try Demo More Details

Elements For Elementor

The plugin adds some useful elements to the Elementor Page Builder Plugin. All components are full responsive and retina ready.

Try Demo More Details
Screenshots
Author Site Author Site

Try Sticky Header Effects for Elementor With InstaWP

Contact Sales

Reach out to us to explore how InstaWP can benefit your business.