{"id":86306,"date":"2018-05-26T17:37:51","date_gmt":"2018-05-26T17:37:51","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/sticky-header-effects-for-elementor\/"},"modified":"2026-07-14T07:20:56","modified_gmt":"2026-07-14T07:20:56","slug":"sticky-header-effects-for-elementor","status":"publish","type":"plugin","link":"https:\/\/kab.wordpress.org\/plugins\/sticky-header-effects-for-elementor\/","author":15954481,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"2.2.0","stable_tag":"2.2.0","tested":"7.0.2","requires":"6.3","requires_php":"7.4","requires_plugins":null,"header_name":"Sticky Header Effects for Elementor","header_author":"POSIMYTH","header_description":"Options and features that extend Elementor Pro's sticky header capabilities.","assets_banners_color":"cd7e9e","last_updated":"2026-07-14 07:20:56","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/stickyheadereffects.com","header_author_uri":"https:\/\/posimyth.com\/","rating":4.5,"author_block_rating":0,"active_installs":300000,"downloads":5401902,"num_ratings":68,"support_threads":1,"support_threads_resolved":0,"author_block_count":0,"sections":["installation","faq","changelog","description"],"tags":{"1.0.0":{"tag":"1.0.0","author":"rwattner","date":"2018-06-04 15:18:25"},"1.1.0":{"tag":"1.1.0","author":"rwattner","date":"2018-06-09 20:59:14"},"1.1.1":{"tag":"1.1.1","author":"rwattner","date":"2018-06-21 18:38:15"},"1.1.2":{"tag":"1.1.2","author":"rwattner","date":"2018-06-21 18:59:30"},"1.2.0":{"tag":"1.2.0","author":"rwattner","date":"2018-07-11 05:07:23"},"1.2.1":{"tag":"1.2.1","author":"rwattner","date":"2018-10-11 17:20:35"},"1.2.2":{"tag":"1.2.2","author":"rwattner","date":"2018-10-26 17:18:42"},"1.2.3":{"tag":"1.2.3","author":"rwattner","date":"2019-04-02 21:27:53"},"1.3.0":{"tag":"1.3.0","author":"rwattner","date":"2019-03-26 19:20:03"},"1.3.1":{"tag":"1.3.1","author":"rwattner","date":"2019-04-02 21:30:49"},"1.3.2":{"tag":"1.3.2","author":"rwattner","date":"2019-06-26 14:20:44"},"1.4.0":{"tag":"1.4.0","author":"rwattner","date":"2020-09-21 19:37:49"},"1.4.1":{"tag":"1.4.1","author":"rwattner","date":"2020-09-21 19:08:14"},"1.4.2":{"tag":"1.4.2","author":"rwattner","date":"2020-09-21 19:27:48"},"1.4.3":{"tag":"1.4.3","author":"rwattner","date":"2020-09-28 00:17:03"},"1.4.4":{"tag":"1.4.4","author":"rwattner","date":"2023-03-22 23:07:32"},"1.4.5":{"tag":"1.4.5","author":"rwattner","date":"2021-08-08 18:12:33"},"1.4.6":{"tag":"1.4.6","author":"rwattner","date":"2021-08-08 18:17:09"},"1.4.7":{"tag":"1.4.7","author":"rwattner","date":"2021-08-09 02:07:05"},"1.4.8":{"tag":"1.4.8","author":"rwattner","date":"2023-03-22 23:07:32"},"1.4.9":{"tag":"1.4.9","author":"rwattner","date":"2022-07-09 21:03:05"},"1.5":{"tag":"1.5","author":"rwattner","date":"2022-07-10 14:35:37"},"1.5.1":{"tag":"1.5.1","author":"rwattner","date":"2022-07-10 15:27:06"},"1.5.2":{"tag":"1.5.2","author":"rwattner","date":"2022-07-10 15:31:29"},"1.5.3":{"tag":"1.5.3","author":"rwattner","date":"2022-07-10 16:22:57"},"1.5.4":{"tag":"1.5.4","author":"rwattner","date":"2022-10-21 21:45:47"},"1.5.5":{"tag":"1.5.5","author":"rwattner","date":"2023-03-23 15:54:26"},"1.6":{"tag":"1.6","author":"rwattner","date":"2023-03-22 23:07:32"},"1.6.1":{"tag":"1.6.1","author":"rwattner","date":"2023-03-23 15:54:26"},"1.6.10":{"tag":"1.6.10","author":"rwattner","date":"2023-11-10 20:49:10"},"1.6.11":{"tag":"1.6.11","author":"rwattner","date":"2024-09-16 22:52:14"},"1.6.2":{"tag":"1.6.2","author":"rwattner","date":"2023-03-23 20:01:28"},"1.6.3":{"tag":"1.6.3","author":"rwattner","date":"2023-03-23 23:57:06"},"1.6.4":{"tag":"1.6.4","author":"rwattner","date":"2023-03-28 17:52:39"},"1.6.5":{"tag":"1.6.5","author":"rwattner","date":"2023-03-30 15:19:04"},"1.6.6":{"tag":"1.6.6","author":"rwattner","date":"2023-08-29 22:12:27"},"1.6.7":{"tag":"1.6.7","author":"rwattner","date":"2023-08-30 05:06:09"},"1.6.8":{"tag":"1.6.8","author":"rwattner","date":"2023-09-06 16:35:17"},"1.6.9":{"tag":"1.6.9","author":"rwattner","date":"2023-09-11 16:47:14"},"1.7":{"tag":"1.7","author":"rwattner","date":"2024-09-13 22:37:47"},"1.7.1":{"tag":"1.7.1","author":"rwattner","date":"2024-09-15 21:27:46"},"1.7.2":{"tag":"1.7.2","author":"rwattner","date":"2024-09-16 22:52:14"},"1.7.3":{"tag":"1.7.3","author":"sagarpatel124","date":"2025-01-09 07:03:13"},"1.7.4":{"tag":"1.7.4","author":"posimyththemes","date":"2025-01-23 11:01:40"},"1.7.5":{"tag":"1.7.5","author":"posimyththemes","date":"2025-02-14 11:00:38"},"1.7.6":{"tag":"1.7.6","author":"posimyththemes","date":"2025-02-15 04:52:07"},"1.7.7":{"tag":"1.7.7","author":"posimyththemes","date":"2025-02-17 07:01:24"},"1.7.8":{"tag":"1.7.8","author":"posimyththemes","date":"2025-03-19 06:22:12"},"2.0.0":{"tag":"2.0.0","author":"posimyththemes","date":"2025-05-28 06:14:26"},"2.1.0":{"tag":"2.1.0","author":"posimyththemes","date":"2025-06-27 11:01:40"},"2.1.1":{"tag":"2.1.1","author":"posimyththemes","date":"2025-08-22 05:35:05"},"2.1.2":{"tag":"2.1.2","author":"sagarpatel124","date":"2025-09-24 04:41:17"},"2.1.3":{"tag":"2.1.3","author":"sagarpatel124","date":"2025-10-02 16:13:33"},"2.1.4":{"tag":"2.1.4","author":"posimyththemes","date":"2025-11-20 09:47:48"},"2.1.5":{"tag":"2.1.5","author":"posimyththemes","date":"2025-12-01 10:49:00"},"2.1.6":{"tag":"2.1.6","author":"posimyththemes","date":"2025-12-11 08:56:39"},"2.1.7":{"tag":"2.1.7","author":"posimyththemes","date":"2026-01-27 07:30:50"},"2.1.8":{"tag":"2.1.8","author":"posimyththemes","date":"2026-03-03 05:47:27"},"2.1.9":{"tag":"2.1.9","author":"posimyththemes","date":"2026-05-22 07:00:27"},"2.2.0":{"tag":"2.2.0","author":"sandip111","date":"2026-07-14 07:20:56"}},"upgrade_notice":{"2.2.0":"<p>Adds AI-assisted demo creation (WordPress Abilities API), editor Pro feature discovery, performance improvements, and fixes for scroll-distance units and the admin-bar offset. All existing sticky effects continue to work.<\/p>","1.7.3":"<ul>\n<li>Maintenance: Wordpress 6.7 compatibility update<\/li>\n<\/ul>","1.7.2":"<ul>\n<li>Fixed: Bugs<\/li>\n<\/ul>","1.7.1":"<ul>\n<li>Fixed: Improved method for not overriding elementor sticky settings.<\/li>\n<\/ul>","1.7":"<ul>\n<li>Maintenance: Wordpress 6.5 compatibility update<\/li>\n<li>Notice: Plugin will only receive minimal support<\/li>\n<li>Added: Pro features that would have never been released(Disable Fully Transparent Background, Background Type, Custom Menu Toggle Button, Bottom Shadow, Blur Background settings)<\/li>\n<\/ul>","1.6.11":"<ul>\n<li>Maintenance: Wordpress 6.5 compatibility update<\/li>\n<\/ul>","1.6.10":"<ul>\n<li>Maintenance: Wordpress 6.4 compatibility update<\/li>\n<\/ul>","1.6.9":"<p>Fixed: Javascript bug with sections\nFixed: Header width bug\nTweaked: Optimized CSS<\/p>","1.6.8":"<p>Fixed: Shrink logo bug\nFixed: Shrink header bug\nFixed: Transparent header bug\nFixed: All CSS color and size transitions\nAdded: Compatibility with new elementor &quot;mega&quot; menu\nAdded: Ability to override logo color change on elements using class &quot;not-logo&quot;\nTweaked: Logo color change optimized so &quot;full color&quot; option no longer overwrites elementor css settings<\/p>","1.6.7":"<ul>\n<li>Fixed: Transparent header bug<\/li>\n<\/ul>","1.6.6":"<ul>\n<li>Fixed: Shrink header bug<\/li>\n<li>Fixed: Bottom border color and size transitions<\/li>\n<li>Added: Compatibility with new elementor &quot;mega&quot; menu<\/li>\n<li>Added: Ability to override logo color change on elements using class &quot;not-logo&quot;<\/li>\n<li>Tweaked: Logo color change optimized so &quot;full color&quot; option no longer overwrites elementor css settings<\/li>\n<\/ul>","1.6.5":"<ul>\n<li>Tweaked: Logo transition CSS for image widget<\/li>\n<li>Tweaked: Logo color CSS for image widget<\/li>\n<li>Maintenance: Wordpress 6.2 compatibility update<\/li>\n<\/ul>","1.6.4":"<ul>\n<li>Fixed: Js bug<\/li>\n<li>Fixed: Logo color not changing on scroll<\/li>\n<li>Fixed: CSS for smooth transitions<\/li>\n<li>Konwn Bugs: Shrink logo\/header<\/li>\n<\/ul>","1.6.3":"<p>This is identical to v1.5.5 only with container compatibility.<\/p>","1.6.2":"<p>The 1.6 update includes some substantial changes.\n<strong>Some settings may need to be re-applied to continue to work properly.<\/strong><\/p>","1.6":"<p><strong>Heads up, Please backup before updating!<\/strong><\/p>\n\n<p>The latest update includes some substantial changes. We highly recommend you backup your site before upgrading, and make sure you first update in a staging environment.\n<strong>Some settings may need to be re-applied to continue to work properly.<\/strong><\/p>","1.5.5":"<p>Fixed: Shrinking Logo bug\nFixed: Header section top position\nMaintenence: Optimized CSS code<\/p>","1.5.4":"<p>Fixed: Shrinking Logo bug<\/p>","1.5.3":"<p>Fixed: Gap above mobile header bug<\/p>","1.5.2":"<p>Fixed: Gap above header bug<\/p>","1.5.1":"<p>Fixed: Wordpress admin bar bug<\/p>","1.5":"<p>Fixed: Gap above header bug<\/p>","1.4.9":"<p>Added: Compatibility with Elementor Containers\nMaintenance: Wordpress 6.0 compatibility update<\/p>","1.4.8":"<p>Maintenance: Wordpress 5.9 compatibility update<\/p>","1.4.7":"<p>Fixed: Misc Bugs<\/p>","1.4.6":"<p>Fixed: Hide header bug<\/p>","1.4.5":"<p>Fixed: WP admin bar bug<\/p>","1.4.4":"<p>Maintenance: Wordpress 5.8 compatibility update\nFixed: Header width bug\nUpdate: Better responsive Worspress admin bar handling<\/p>","1.4.3":"<p>Fixed: Full color logo after scroll bug<\/p>","1.4.2":"<p>Fixed: Bugs<\/p>","1.4.1":"<p>Fixed: Gap above header bug<\/p>","1.4.0":"<ul>\n<li>Added: Wordpress 5.5 compatibility<\/li>\n<li>Added: Elementor 3 compatibility<\/li>\n<li>Added: Hide on scroll down feature<\/li>\n<li>Added: Blur background feature<\/li>\n<li>Added: Before and after scrolling logo color options<\/li>\n<li>Fixed: Opera browser hash links not activating scrolling effects<\/li>\n<li>Fixed: Editor handle bug<\/li>\n<li>Fixed: All labels and descriptions to help with user operation<\/li>\n<li>Fixed: Various code optimizations<\/li>\n<li>Fixed: Transparent on mobile bug<\/li>\n<li>Fixed: Stretched section broke transparent header<\/li>\n<\/ul>","1.3.2":"<ul>\n<li>Fixed: Transition CSS<\/li>\n<\/ul>","1.3.1":"<ul>\n<li>Fixed: Bugs<\/li>\n<\/ul>","1.3.0":"<ul>\n<li>Added: Shrink Logo featured<\/li>\n<\/ul>","1.2.3":"<ul>\n<li>Fixed: Hook on the new Elementor Pro 2.4.7 version<\/li>\n<\/ul>","1.2.2":"<ul>\n<li>Removed: Stretched section condition<\/li>\n<\/ul>","1.2.1":"<ul>\n<li>Added: Compatibility with the new Elementor 2.1.1 version<\/li>\n<li>Fixed: JavaScript error<\/li>\n<\/ul>","1.2.0":"<p>Removed: Sticky Header feature(Elementor fixed theirs)\nAdded: Transparent header feature\nAdded: Compatibility with the new Elementor 2.1 version\nAdded: Change javascript to external file\nFixed: Bugs<\/p>","1.1.2":"<p>Bug fixes<\/p>","1.1.1":"<p>Bug fixes<\/p>","1.1.0":"<p>This version adds &quot;Sticky Header&quot; and &quot;Bottom Border&quot; options.\nThe sticky feature will bring the section down and overlay it on top of the page. This eliminates the need for negative margins which causes page scrolling problems.\nThe bottom border feature adds bottom border width and color options when user scrolls.<\/p>"},"ratings":{"1":2,"2":1,"3":4,"4":13,"5":48},"assets_icons":{"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":3301413,"resolution":"128x128","location":"assets","locale":"","width":256,"height":256},"icon-256x256.gif":{"filename":"icon-256x256.gif","revision":3301413,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3301413,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3301413,"resolution":"772x250","location":"assets","locale":"","width":1544,"height":500}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.1.0","1.1.1","1.1.2","1.2.0","1.2.1","1.2.2","1.2.3","1.3.0","1.3.1","1.3.2","1.4.0","1.4.1","1.4.2","1.4.3","1.4.4","1.4.5","1.4.6","1.4.7","1.4.8","1.4.9","1.5","1.5.1","1.5.2","1.5.3","1.5.4","1.5.5","1.6","1.6.1","1.6.10","1.6.11","1.6.2","1.6.3","1.6.4","1.6.5","1.6.6","1.6.7","1.6.8","1.6.9","1.7","1.7.1","1.7.2","1.7.3","1.7.4","1.7.5","1.7.6","1.7.7","1.7.8","2.0.0","2.1.0","2.1.1","2.1.2","2.1.3","2.1.4","2.1.5","2.1.6","2.1.7","2.1.8","2.1.9","2.2.0"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":3301418,"resolution":"1","location":"assets","locale":"","width":1200,"height":840},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":3301418,"resolution":"2","location":"assets","locale":"","width":1200,"height":840},"screenshot-3.jpg":{"filename":"screenshot-3.jpg","revision":3301418,"resolution":"3","location":"assets","locale":"","width":1200,"height":840},"screenshot-4.jpg":{"filename":"screenshot-4.jpg","revision":3301418,"resolution":"4","location":"assets","locale":"","width":1200,"height":840},"screenshot-5.jpg":{"filename":"screenshot-5.jpg","revision":3301418,"resolution":"5","location":"assets","locale":"","width":1200,"height":840},"screenshot-6.jpg":{"filename":"screenshot-6.jpg","revision":3301418,"resolution":"6","location":"assets","locale":"","width":1200,"height":840},"screenshot-7.jpg":{"filename":"screenshot-7.jpg","revision":3301418,"resolution":"7","location":"assets","locale":"","width":1200,"height":840},"screenshot-8.jpg":{"filename":"screenshot-8.jpg","revision":3301418,"resolution":"8","location":"assets","locale":"","width":1200,"height":840}},"screenshots":{"1":"Introducing Sticky Header for Elementor \u2013 Overview of all key features and updates","2":"Find Sticky Header settings inside Elementor\u2019s Advanced Tab","3":"Fully compatible with Elementor Free &amp; Pro \u2013 No limitations","4":"Includes 50+ Ready-to-use Elementor Header Templates","5":"Powerful Scroll Effects \u2013 Shrink, Blur, Hide, Color Swap &amp; More","6":"Fine-Tuned Styling Controls \u2013 Customize behavior for each device","7":"Advanced Branding &amp; Logo Effects \u2013 Shrink, Color Swap, Responsive","8":"Smarter Scroll Behaviors \u2013 Transparent, Distance Control, Sticky Logic"}},"plugin_section":[],"plugin_tags":[76538,177797,10215,10213,179681],"plugin_category":[],"plugin_contributors":[220402,157189,153210,157188,191589],"plugin_business_model":[],"class_list":["post-86306","plugin","type-plugin","status-publish","hentry","plugin_tags-elementor","plugin_tags-elementor-header","plugin_tags-fixed-header","plugin_tags-sticky-header","plugin_tags-transparent-header","plugin_contributors-devangvachheta","plugin_contributors-dgovea","plugin_contributors-posimyththemes","plugin_contributors-rwattner","plugin_contributors-sagarpatel124","plugin_committers-posimyththemes","plugin_committers-sagarpatel124","plugin_committers-sandip111","plugin_support_reps-divyangposimyth","plugin_support_reps-mohitahuja"],"banners":{"banner":"https:\/\/ps.w.org\/sticky-header-effects-for-elementor\/assets\/banner-772x250.png?rev=3301413","banner_2x":"https:\/\/ps.w.org\/sticky-header-effects-for-elementor\/assets\/banner-1544x500.png?rev=3301413","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/sticky-header-effects-for-elementor\/assets\/icon-128x128.gif?rev=3301413","icon_2x":"https:\/\/ps.w.org\/sticky-header-effects-for-elementor\/assets\/icon-256x256.gif?rev=3301413","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/sticky-header-effects-for-elementor\/assets\/screenshot-1.jpg?rev=3301418","caption":"Introducing Sticky Header for Elementor \u2013 Overview of all key features and updates"},{"src":"https:\/\/ps.w.org\/sticky-header-effects-for-elementor\/assets\/screenshot-2.jpg?rev=3301418","caption":"Find Sticky Header settings inside Elementor\u2019s Advanced Tab"},{"src":"https:\/\/ps.w.org\/sticky-header-effects-for-elementor\/assets\/screenshot-3.jpg?rev=3301418","caption":"Fully compatible with Elementor Free &amp; Pro \u2013 No limitations"},{"src":"https:\/\/ps.w.org\/sticky-header-effects-for-elementor\/assets\/screenshot-4.jpg?rev=3301418","caption":"Includes 50+ Ready-to-use Elementor Header Templates"},{"src":"https:\/\/ps.w.org\/sticky-header-effects-for-elementor\/assets\/screenshot-5.jpg?rev=3301418","caption":"Powerful Scroll Effects \u2013 Shrink, Blur, Hide, Color Swap &amp; More"},{"src":"https:\/\/ps.w.org\/sticky-header-effects-for-elementor\/assets\/screenshot-6.jpg?rev=3301418","caption":"Fine-Tuned Styling Controls \u2013 Customize behavior for each device"},{"src":"https:\/\/ps.w.org\/sticky-header-effects-for-elementor\/assets\/screenshot-7.jpg?rev=3301418","caption":"Advanced Branding &amp; Logo Effects \u2013 Shrink, Color Swap, Responsive"},{"src":"https:\/\/ps.w.org\/sticky-header-effects-for-elementor\/assets\/screenshot-8.jpg?rev=3301418","caption":"Smarter Scroll Behaviors \u2013 Transparent, Distance Control, Sticky Logic"}],"raw_content":"<!--section=installation-->\n<h3>\u2611\ufe0f How to Install Sticky Header Effects for Elementor in 3 Easy Steps<\/h3>\n\n<ol>\n<li>Make sure Elementor (Free or Pro) is installed and activated.<\/li>\n<li>Install the <strong>Sticky Header Effects for Elementor<\/strong> plugin from the WordPress plugin repository.<\/li>\n<li>Open any page with Elementor \u2192 Select a container or section \u2192 Go to the <strong>Advanced Tab<\/strong> \u2192 Enable Sticky Header Settings.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"why%20isn%27t%20the%20%22shrink%22%20effect%20working%3F\"><h3>Why isn't the \"shrink\" effect working?<\/h3><\/dt>\n<dd><p>The header cannot shrink smaller than the objects inside of it!<\/p>\n\n<p>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.<\/p>\n\n<p>To get the best \"shrink\" effect use these settings:\n* Set the top and bottom padding to 0px on your sticky header section, column, and elements inside of it.\n* Set a custom logo and other image height(you can leave the width blank for \"auto\").\n* Set the header section height to \"min height\" and adjust it to your desired height.<\/p>\n\n<p>Basically what happens is that the content of the header is \"too tall\" to shrink down anymore.<\/p><\/dd>\n<dt id=\"do%20i%20need%20elementor%20pro%20to%20use%20this%20plugin%3F\"><h3>Do I need Elementor Pro to use this plugin?<\/h3><\/dt>\n<dd><p>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\u2019ll only need Elementor Pro if you're using Pro Navigation widgets.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20the%20elementor%20theme%20builder%3F\"><h3>Does it work with the Elementor Theme Builder?<\/h3><\/dt>\n<dd><p>Yes. You'll find the Sticky Header Effects panel under the <strong>Advanced Tab<\/strong> 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 don't 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.<\/p><\/dd>\n<dt id=\"is%20this%20a%20standalone%20plugin%3F\"><h3>Is this a standalone plugin?<\/h3><\/dt>\n<dd><p>No, it requires Elementor Free or Pro. It extends Elementor\u2019s functionality with new header scroll effects.<\/p><\/dd>\n<dt id=\"is%20there%20a%20pro%20version%20of%20this%20plugin%3F\"><h3>Is there a Pro version of this plugin?<\/h3><\/dt>\n<dd><p>Yes. <strong>Sticky Header Effects for Elementor Pro<\/strong> 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, and Multi-Sticky coordination. All of the free effects continue to work exactly the same with or without Pro installed.<\/p><\/dd>\n<dt id=\"what%27s%20the%20difference%20between%20sticky%20header%20effects%20pro%20and%20elementor%20pro%3F\"><h3>What's the difference between Sticky Header Effects Pro and Elementor Pro?<\/h3><\/dt>\n<dd><p>They're unrelated products. <strong>Elementor Pro<\/strong> is Elementor's own premium plugin (widgets, theme builder, etc.). <strong>Sticky Header Effects for Elementor Pro<\/strong> is our add-on that extends this specific plugin's sticky header effects, and works with either Elementor Free or Elementor Pro.<\/p><\/dd>\n<dt id=\"where%20can%20i%20find%20the%20sticky%20header%20effects%20settings%3F\"><h3>Where can I find the Sticky Header Effects settings?<\/h3><\/dt>\n<dd><p>Inside Elementor Editor \u2192 Select any container \u2192 Go to <strong>Advanced Tab<\/strong> \u2192 Scroll to <strong>Sticky Header Effects<\/strong> section.<\/p><\/dd>\n<dt id=\"will%20this%20plugin%20work%20with%20any%20wordpress%20theme%3F\"><h3>Will this plugin work with any WordPress theme?<\/h3><\/dt>\n<dd><p>Yes, it works well with most Elementor-optimized themes, including Hello, Nexter, Astra, and more.<\/p><\/dd>\n<dt id=\"will%20this%20slow%20down%20my%20website%3F\"><h3>Will this slow down my website?<\/h3><\/dt>\n<dd><p>Not at all. It\u2019s highly optimized for performance and coded lightweight to ensure fast page loads.<\/p><\/dd>\n<dt id=\"how%20can%20i%20report%20security%20bugs%3F\"><h3>How can I report security bugs?<\/h3><\/dt>\n<dd><p>You can report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team helps validate, triage and handle any security vulnerabilities. <a href=\"https:\/\/patchstack.com\/database\/vdp\/9151acea-1465-4a3d-a9a5-23535fa6e00b\">Report a security vulnerability.<\/a><\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.2.0<\/h4>\n\n<ul>\n<li>Added: WordPress Abilities API support for AI-assisted sticky-header demo creation (WordPress 6.9+)<\/li>\n<li>Added: Pro feature discovery with Live Demo and Read Docs links in the editor<\/li>\n<li>Added: \"Join Community\" admin notice<\/li>\n<li>Improvement: Dashboard UI enhancements<\/li>\n<li>Improvement: Dashboard input validation and permission handling improved<\/li>\n<li>Improvement: Preset and WDesignKit popup input and permission handling improved<\/li>\n<li>Improvement: Admin notice output rendering improved for better compatibility<\/li>\n<li>Improvement: Plugin\/theme scan now runs only on the plugin's own dashboard screen for faster admin pages<\/li>\n<li>Improvement: Sticky scroll performance improved with animation-frame throttling<\/li>\n<li>Improvement: Plugin code quality, PHP 8 compatibility, and translation coverage<\/li>\n<li>Fix: Sticky Scroll Distance now honors the vh unit and responsive overrides<\/li>\n<li>Fix: Sticky header no longer hides behind the admin bar at smaller screen widths<\/li>\n<li>Fix: Removed a broken image reference on the rollback screen<\/li>\n<li>Fix: Minor Bug Fixes &amp; Performance Improvements<\/li>\n<\/ul>\n\n<h4>2.1.9<\/h4>\n\n<ul>\n<li>Maintenance: Wordpress 7.0 compatibility update<\/li>\n<\/ul>\n\n<h4>2.1.8<\/h4>\n\n<ul>\n<li>Maintenance: Wordpress 6.9 compatibility update<\/li>\n<\/ul>\n\n<h4>2.1.7<\/h4>\n\n<ul>\n<li>Improvement: UI Related Minor Bug Fixes<\/li>\n<\/ul>\n\n<h4>2.1.6<\/h4>\n\n<ul>\n<li>Fixed: Minor Bug Fixes &amp; Performance Improvements<\/li>\n<\/ul>\n\n<h4>2.1.5<\/h4>\n\n<ul>\n<li>Fixed: Minor Bug Fixes &amp; Performance Improvements<\/li>\n<\/ul>\n\n<h4>2.1.4<\/h4>\n\n<ul>\n<li>Fixed: Minor Bug Fixes &amp; Performance Improvements<\/li>\n<\/ul>\n\n<h4>2.1.3<\/h4>\n\n<ul>\n<li>Fixed: Security Patch (Low Security)<\/li>\n<\/ul>\n\n<h4>2.1.2<\/h4>\n\n<ul>\n<li>Improvement : WDesignKit 2.0 Compatibility<\/li>\n<li>Fixed: Minor Bug Fixes &amp; Performance Improvements<\/li>\n<\/ul>\n\n<h4>2.1.1<\/h4>\n\n<ul>\n<li>improvement: Header Template Import Process<\/li>\n<li>Fixed: Minor Bug Fixes &amp; Performance Improvements<\/li>\n<\/ul>\n\n<h4>2.1.0<\/h4>\n\n<ul>\n<li>Fixed: Header Resize Issue Fixed<\/li>\n<li>Fixed: Minor Bug Fixes &amp; Performance Improvements<\/li>\n<\/ul>\n\n<h4>2.0<\/h4>\n\n<ul>\n<li>New: Dashboard for better UI\/UX<\/li>\n<li>New: Add Preset Option for the Ready Design<\/li>\n<li>New: Dashboard : Plugin Rollback Option<\/li>\n<li>Fixed: Minor Bug Fixes &amp; Performance Improvements<\/li>\n<\/ul>\n\n<h4>1.7.8<\/h4>\n\n<ul>\n<li>Fixed: Offset issues on the frontend<\/li>\n<li>Fixed: Minor Bug Fixes &amp; Performance Improvements<\/li>\n<\/ul>\n\n<h4>1.7.7<\/h4>\n\n<ul>\n<li>Fixed: Minor Bug Fixes &amp; Performance Improvements<\/li>\n<\/ul>\n\n<h4>1.7.6<\/h4>\n\n<ul>\n<li>Fixed: Offset issues on the frontend<\/li>\n<li>Fixed: Minor Bug Fixes &amp; Performance Improvements<\/li>\n<\/ul>\n\n<h4>1.7.5<\/h4>\n\n<ul>\n<li>Added: Offset Option for Sticky Elements to Control the Distance from the Top With Responsive Support.<\/li>\n<li>Added: Padding Option to Customize Spacing for Sticky Elements with Responsive Support.<\/li>\n<li>Added: Width Option to Define the Width of Sticky Elements Dynamically With Responsive Support.<\/li>\n<li>Fixed: Minor Bug Fixes &amp; Performance Improvements<\/li>\n<\/ul>\n\n<h4>1.7.4<\/h4>\n\n<ul>\n<li>Added: Compatibility with Elementor Containers<\/li>\n<li>Fixed: Minor Bug Fixes &amp; Performance Improvements<\/li>\n<\/ul>\n\n<h4>1.7.3<\/h4>\n\n<ul>\n<li>Maintenance: Wordpress 6.7 compatibility update<\/li>\n<\/ul>\n\n<h4>1.7.2<\/h4>\n\n<ul>\n<li>Fixed: Bugs<\/li>\n<\/ul>\n\n<h4>1.7.1<\/h4>\n\n<ul>\n<li>Fixed: Improved method for not overriding elementor sticky settings.<\/li>\n<\/ul>\n\n<h4>1.7<\/h4>\n\n<ul>\n<li>Maintenance: Wordpress 6.5 compatibility update<\/li>\n<li>Notice: Plugin will only receive minimal support<\/li>\n<li>Added: Pro features that would have never been released(Disable Fully Transparent Background, Background Type, Custom Menu Toggle Button, Bottom Shadow, Blur Background settings)<\/li>\n<\/ul>\n\n<h4>1.6.11<\/h4>\n\n<ul>\n<li>Maintenance: Wordpress 6.5 compatibility update<\/li>\n<\/ul>\n\n<h4>1.6.10<\/h4>\n\n<ul>\n<li>Maintenance: Wordpress 6.4 compatibility update<\/li>\n<\/ul>\n\n<h4>1.6.9<\/h4>\n\n<p>Fixed: Javascript bug with sections\nFixed: Header width bug\nTweaked: Optimized CSS<\/p>\n\n<h4>1.6.8<\/h4>\n\n<p>Fixed: Shrink logo bug\nFixed: Shrink header bug\nFixed: Transparent header bug\nFixed: All CSS color and size transitions\nAdded: Compatibility with new elementor \"mega\" menu\nAdded: Ability to override logo color change on elements using class \"not-logo\"\nTweaked: Logo color change optimized so \"full color\" option no longer overwrites elementor css settings<\/p>\n\n<h4>1.6.7<\/h4>\n\n<ul>\n<li>Fixed: Transparent header bug<\/li>\n<\/ul>\n\n<h4>1.6.6<\/h4>\n\n<ul>\n<li>Fixed: Shrink header bug<\/li>\n<li>Fixed: Bottom border color and size transitions<\/li>\n<li>Added: Compatibility with new elementor \"mega\" menu<\/li>\n<li>Added: Ability to override logo color change on elements using class \"not-logo\"<\/li>\n<li>Tweaked: Logo color change optimized so \"full color\" option no longer overwrites elementor css settings<\/li>\n<\/ul>\n\n<h4>1.6.5<\/h4>\n\n<ul>\n<li>Tweaked: Logo transition CSS for image widget<\/li>\n<li>Tweaked: Logo color CSS for image widget<\/li>\n<li>Maintenance: Wordpress 6.2 compatibility update<\/li>\n<\/ul>\n\n<h4>1.6.4<\/h4>\n\n<ul>\n<li>Fixed: Js bug<\/li>\n<li>Fixed: Logo color not changing on scroll<\/li>\n<li>Fixed: CSS for smooth transitions<\/li>\n<li>Konwn Bugs: Shrink logo\/header<\/li>\n<\/ul>\n\n<h4>1.6.3<\/h4>\n\n<ul>\n<li>Reverted to 1.5.5 only with container compatibility<\/li>\n<\/ul>\n\n<h4>1.6.2<\/h4>\n\n<ul>\n<li>Fixed: Section height bug<\/li>\n<\/ul>\n\n<h4>1.6.1<\/h4>\n\n<ul>\n<li>Fixed: Js bug<\/li>\n<li>Fixed: Container shrink bug<\/li>\n<\/ul>\n\n<h4>1.6<\/h4>\n\n<ul>\n<li>Fixed: Shrinking Logo bug<\/li>\n<li>Fixed: Container support using Elementor free<\/li>\n<li>Fixed: Logo color change set to none doesn't remove CSS filter settings<\/li>\n<li>Added: Disable\/enable completely transparent header<\/li>\n<li>Tweak: Changed logo color settings to be more clear <\/li>\n<li>Maintenence: Optimized CSS for v2.0<\/li>\n<li>Maintenence: Optimized JavaScript for v2.0<\/li>\n<li>Maintenence: Optimized Elementor controls for v2.0<\/li>\n<\/ul>\n\n<h4>1.5.5<\/h4>\n\n<ul>\n<li>Fixed: Shrinking Logo bug<\/li>\n<li>Fixed: Header section top position<\/li>\n<li>Maintenence: Optimized CSS code<\/li>\n<\/ul>\n\n<h4>1.5.4<\/h4>\n\n<ul>\n<li>Fixed: Shrinking Logo bug<\/li>\n<\/ul>\n\n<h4>1.5.3<\/h4>\n\n<ul>\n<li>Fixed: Gap above mobile header bug<\/li>\n<\/ul>\n\n<h4>1.5.2<\/h4>\n\n<ul>\n<li>Fixed: Gap above header bug<\/li>\n<\/ul>\n\n<h4>1.5.1<\/h4>\n\n<ul>\n<li>Fixed: Wordpress admin bar bug<\/li>\n<\/ul>\n\n<h4>1.5<\/h4>\n\n<ul>\n<li>Fixed: Gap above header bug<\/li>\n<\/ul>\n\n<h4>1.4.9<\/h4>\n\n<ul>\n<li>Added: Compatibility with Elementor Containers<\/li>\n<li>Maintenance: Wordpress 6.0 compatibility update<\/li>\n<\/ul>\n\n<h4>1.4.8<\/h4>\n\n<ul>\n<li>Maintenance: Wordpress 5.9 compatibility update<\/li>\n<\/ul>\n\n<h4>1.4.7<\/h4>\n\n<ul>\n<li>Fixed: Misc Bugs<\/li>\n<\/ul>\n\n<h4>1.4.6<\/h4>\n\n<ul>\n<li>Fixed: Hide header bug<\/li>\n<\/ul>\n\n<h4>1.4.5<\/h4>\n\n<ul>\n<li>Fixed: WP admin bar bug<\/li>\n<\/ul>\n\n<h4>1.4.4<\/h4>\n\n<ul>\n<li>Maintenance: Wordpress 5.8 compatibility update<\/li>\n<li>Fixed: Header width bug<\/li>\n<li>Update: Better responsive Worspress admin bar handling<\/li>\n<\/ul>\n\n<h4>1.4.3<\/h4>\n\n<ul>\n<li>Fixed: Full color logo after scroll bug<\/li>\n<\/ul>\n\n<h4>1.4.2<\/h4>\n\n<ul>\n<li>Fixed: Bugs<\/li>\n<\/ul>\n\n<h4>1.4.1<\/h4>\n\n<ul>\n<li>Fixed: Gap above header bug<\/li>\n<\/ul>\n\n<h4>1.4.0<\/h4>\n\n<ul>\n<li>Added: Wordpress 5.5 compatibility<\/li>\n<li>Added: Elementor 3 compatibility<\/li>\n<li>Added: Hide on scroll down feature<\/li>\n<li>Added: Blur background feature<\/li>\n<li>Added: Before and after scrolling logo color options<\/li>\n<li>Fixed: Opera browser hash links not activating scrolling effects<\/li>\n<li>Fixed: Editor handle bug<\/li>\n<li>Fixed: All labels and descriptions to help with user operation<\/li>\n<li>Fixed: Various code optimizations<\/li>\n<li>Fixed: Transparent on mobile bug<\/li>\n<li>Fixed: Stretched section broke transparent header<\/li>\n<\/ul>\n\n<h4>1.3.2<\/h4>\n\n<ul>\n<li>Fixed: Transition CSS<\/li>\n<\/ul>\n\n<h4>1.3.1<\/h4>\n\n<ul>\n<li>Fixed: Bugs<\/li>\n<\/ul>\n\n<h4>1.3.0<\/h4>\n\n<ul>\n<li>Added: Shrink Logo feature<\/li>\n<\/ul>\n\n<h4>1.2.3<\/h4>\n\n<ul>\n<li>Fixed: Hook on the new Elementor Pro 2.4.7 version<\/li>\n<\/ul>\n\n<h4>1.2.2<\/h4>\n\n<ul>\n<li>Removed: Stretched section condition<\/li>\n<\/ul>\n\n<h4>1.2.1<\/h4>\n\n<ul>\n<li>Added: Compatibility with the new Elementor 2.1.1 version<\/li>\n<li>Fixed: JavaScript error<\/li>\n<\/ul>\n\n<h4>1.2.0<\/h4>\n\n<ul>\n<li>Removed: Sticky Header feature(Elementor fixed theirs)<\/li>\n<li>Added: Transparent header feature<\/li>\n<li>Added: Compatibility with the new Elementor 2.1 version<\/li>\n<li>Added: Change javascript to external file<\/li>\n<li>Fixed: Bugs<\/li>\n<\/ul>\n\n<h4>1.1.2<\/h4>\n\n<ul>\n<li>Fixed: Bugs<\/li>\n<\/ul>\n\n<h4>1.1.1<\/h4>\n\n<ul>\n<li>Fixed: Bug where section didn't move to top of page<\/li>\n<\/ul>\n\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Added: Sticky header feature<\/li>\n<li>Added: Bottom border feature<\/li>\n<li>Fixed: Bugs with tablet and mobile responsive modes<\/li>\n<li>Fixed: Padding issues when using the \"shrink\" effect<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial stable release<\/li>\n<\/ul>\n\n<!--section=description-->\n<p>Create advanced Elementor sticky headers with scroll effects: blur, shrink, hide on scroll, plus full responsive controls in Elementor Free or Pro.<\/p>\n\n<h3>Sticky Header Effects for Elementor: Build Smart, Responsive Sticky Headers<\/h3>\n\n<p>Sticky headers (also called fixed or floating headers) are essential for improving navigation, branding visibility, and user experience on any modern website. With the <strong>Sticky Header Effects for Elementor<\/strong> plugin, you can now build sleek, customizable sticky headers that respond to user scroll behavior, all with <strong>Elementor Free or Pro<\/strong>.<\/p>\n\n<p>From transparent overlays to animated shrinking effects, dynamic background changes, and blur visuals. This plugin gives you 10+ scroll-based effects that help your header adapt beautifully to your page design.<\/p>\n\n<p>This plugin is perfect for developers, designers, bloggers, and agencies who want more control over header behavior without writing a single line of code.<\/p>\n\n<p><a href=\"https:\/\/stickyheadereffects.com\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">\ud83c\udf10 Visit Website<\/a>| <a href=\"https:\/\/stickyheadereffects.com\/sticky-header-for-elementor-templates\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">\ud83d\uddbc\ufe0f Sticky Header Templates Demos<\/a> | <a href=\"https:\/\/www.youtube.com\/c\/POSIMYTHInnovations\/?sub_confirmation=1\">\ud83d\udcf9 Video Tutorials<\/a> | <a href=\"https:\/\/stickyheadereffects.com\/docs?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">\ud83d\udcd1 Documentations<\/a> | <a href=\"https:\/\/go.posimyth.com\/she-discord\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">\ud83d\udc65 Join Community<\/a> | <a href=\"https:\/\/wordpress.org\/support\/plugin\/sticky-header-effects-for-elementor\/\">\ud83e\udd1d Free Support<\/a> | <a href=\"https:\/\/stickyheadereffects.com\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffectsPro#pricing\">\ud83d\ude80 Get Pro<\/a><\/p>\n\n<h3>\ud83d\ude80 New: Sticky Header Effects for Elementor Pro<\/h3>\n\n<p>Need more control? The <strong>Sticky Header Effects for Elementor Pro<\/strong> add-on adds 11 advanced scroll effects on top of this free plugin (see the full list below). <a href=\"https:\/\/stickyheadereffects.com\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffectsPro\">Learn more about Pro<\/a>. <em>(This is a separate plugin)<\/em><\/p>\n\n<h3>\ud83d\udd25 Comes With <a href=\"https:\/\/stickyheadereffects.com\/sticky-header-for-elementor-templates\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">50+ Ready To Import Templates For Elementor Headers With Sticky Header<\/a><\/h3>\n\n<h3>\ud83d\udc51 10+ Powerful Elementor Sticky Header Effects<\/h3>\n\n<h3>1. Header Scroll Distance Effect<\/h3>\n\n<p><strong>Set Scroll Trigger Threshold<\/strong><br \/>\nDefine how far the user scrolls before sticky effects activate. Perfect for precise control over header behavior.<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/sticky-header-for-elementor-templates\/?checkbox-sticky_header_effects=Header+Scroll+Distance&amp;utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">Live Demo<\/a><\/p>\n\n<h3>2. Transparent Header Background Effect<\/h3>\n\n<p><strong>Overlay with Elegance<\/strong><br \/>\nAllow your header to overlay your hero or banner sections with full transparency. Ideal for modern homepage designs.<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/sticky-header-for-elementor-templates\/?checkbox-sticky_header_effects=Transparent+Header+Background&amp;utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">Live Demo<\/a><\/p>\n\n<h3>3. Dynamic Background Color Change<\/h3>\n\n<p><strong>Auto Background Switching<\/strong><br \/>\nChange your header\u2019s background color on scroll to match different sections or maintain contrast.<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/sticky-header-for-elementor-templates\/?checkbox-sticky_header_effects=Background+Color+Change&amp;utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">Live Demo<\/a><\/p>\n\n<h3>4. Bottom Border Styling Effect<\/h3>\n\n<p><strong>Subtle Section Separation<\/strong><br \/>\nAdd customizable borders below your sticky header for better definition and clean design.<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/sticky-header-for-elementor-templates\/?checkbox-sticky_header_effects=Bottom+Border+Styling&amp;utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">Live Demo<\/a><\/p>\n\n<h3>5. Header Shrinking Effect<\/h3>\n\n<p><strong>Reduce Header Height Dynamically<\/strong><br \/>\nShrink the entire header after scrolling to save space and focus attention on the page content.<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/sticky-header-for-elementor-templates\/?checkbox-sticky_header_effects=Header+Shrinking&amp;utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">Live Demo<\/a><\/p>\n\n<h3>6. Logo Shrinking Effect<\/h3>\n\n<p><strong>Responsive Logo Transition<\/strong><br \/>\nShrink the logo proportionally during scroll, maintaining visual balance and brand presence.<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/sticky-header-for-elementor-templates\/?checkbox-sticky_header_effects=Logo+Shrinking&amp;utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">Live Demo<\/a><\/p>\n\n<h3>7. Logo Color Change Effect<\/h3>\n\n<p><strong>Switch Logo Color for Better Contrast<\/strong><br \/>\nAutomatically switch to a contrasting logo color on scroll based on background or user behavior.<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/sticky-header-for-elementor-templates\/?checkbox-sticky_header_effects=Logo+Color+Change&amp;utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">Live Demo<\/a><\/p>\n\n<h3>8. Blur Background Effect<\/h3>\n\n<p><strong>Add Modern Blur Transition<\/strong><br \/>\nEnhance the visual flow by applying a subtle blur effect to the background of your sticky header.<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/sticky-header-for-elementor-templates\/?checkbox-sticky_header_effects=Blur+Background&amp;utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">Live Demo<\/a><\/p>\n\n<h3>9. Hide Header on Scroll Down Effect<\/h3>\n\n<p><strong>Hide &amp; Reappear on Scroll<\/strong><br \/>\nAuto-hide the header when scrolling down and show it again on scroll up. Great for content-heavy pages.<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/sticky-header-for-elementor-templates\/?checkbox-sticky_header_effects=Hide+Header+on+Scroll+Down&amp;utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">Live Demo<\/a><\/p>\n\n<h3>10. Above Header Section Effect<\/h3>\n\n<p><strong>Sync Above Sections Cleanly<\/strong><br \/>\nAlign your sticky effects with sections above the main header for unified motion and cleaner transitions.<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/sticky-header-for-elementor-templates\/?checkbox-sticky_header_effects=Above+Header+Section&amp;utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">Live Demo<\/a><\/p>\n\n<h3>\ud83d\udc51 Sticky Header Effects PRO: 11 Advanced Scroll Effects<\/h3>\n\n<p>Want more control? <strong><a href=\"https:\/\/stickyheadereffects.com\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffectsPro#pricing\">Sticky Header Effects for Elementor Pro<\/a><\/strong> is a separate add-on that builds on top of this free plugin. It adds 11 advanced, scroll-based header features:<\/p>\n\n<h3>1. Display Conditions (PRO)<\/h3>\n\n<p>Show or hide the sticky header on specific pages, posts, taxonomies, roles, login state, URLs and more.<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/docs\/show-or-hide-elementor-sticky-header-with-display-conditions\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffectsPro\">Live Demo<\/a><\/p>\n\n<h3>2. Sticky Until (Boundary Control) (PRO)<\/h3>\n\n<p>Release the sticky at a container, page end, custom element, or scroll distance.<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/demos\/visionary-ai\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffectsPro\">Live Demo<\/a><\/p>\n\n<h3>3. Reveal \/ Entrance Animations (PRO)<\/h3>\n\n<p>9 entrance effects (slide, fade, zoom, flip) when the header becomes sticky, with duration, easing and delay.<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/demos\/cashiq\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffectsPro\">Live Demo<\/a><\/p>\n\n<h3>4. Header Replace on Scroll (PRO)<\/h3>\n\n<p>Show a completely different header look when sticky, built from a normal and a sticky version in one header (no second template).<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/demos\/claude-ortiz\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffectsPro\">Live Demo<\/a><\/p>\n\n<h3>5. Logo Image Swap (PRO)<\/h3>\n\n<p>Swap to a different logo image (with retina @2x) when the header becomes sticky.<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/demos\/luminora\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffectsPro\">Live Demo<\/a><\/p>\n\n<h3>6. Sticky Menu Styling (PRO)<\/h3>\n\n<p>Restyle nav menu colors, typography and spacing only while sticky (Elementor, Mega Menu, WordPress Menu &amp; TPAE Nav Menu).<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/demos\/aurafurnish\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffectsPro\">Live Demo<\/a><\/p>\n\n<h3>7. Extended Backdrop Filters (PRO)<\/h3>\n\n<p>Add grayscale, brightness, contrast and hue-rotate on top of the free blur backdrop.<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/demos\/zenflow\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffectsPro\">Live Demo<\/a><\/p>\n\n<h3>8. Background Image on Sticky (PRO)<\/h3>\n\n<p>Show a background image only while the header is sticky, with full position, size, repeat and attachment controls.<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/demos\/ecoflux\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffectsPro\">Live Demo<\/a><\/p>\n\n<h3>9. Header Opacity Transition (PRO)<\/h3>\n\n<p>Smoothly fade the header opacity between its normal and sticky states.<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/demos\/flexify\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffectsPro\">Live Demo<\/a><\/p>\n\n<h3>10. Logo Styling on Sticky (PRO)<\/h3>\n\n<p>Add padding, border, radius and box-shadow to the logo only while sticky, with a smooth transition.<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/demos\/zenflow\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffectsPro\">Live Demo<\/a><\/p>\n\n<h3>11. Multi-Sticky Coordination (PRO)<\/h3>\n\n<p>Coordinate up to five sticky sections on one page in Stack or Sequential modes, with priority ordering.<br \/>\n\ud83d\udc49 <a href=\"https:\/\/stickyheadereffects.com\/demos\/inkspire\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffectsPro\">Live Demo<\/a><\/p>\n\n<p>\ud83d\udc49 <strong><a href=\"https:\/\/stickyheadereffects.com\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffectsPro#pricing\">Get Sticky Header Effects Pro<\/a><\/strong>, backed by a 60-day money-back guarantee.<\/p>\n\n<h3>\ud83d\udd0d Check Our Other Products<\/h3>\n\n<p><strong><a href=\"https:\/\/theplusaddons.com\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">\ud83e\udd47 The Plus Addons for Elementor<\/a><\/strong> \u2013 Get 120+ unique Elementor widgets, Elementor templates, and more.<\/p>\n\n<p><strong><a href=\"https:\/\/nexterwp.com\/nexter-blocks\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">\ud83e\udd47 Nexter Blocks<\/a><\/strong> \u2013 Nexter Theme works in sync with core Gutenberg. Add 90+ powerful, highly customizable blocks.<\/p>\n\n<p><strong><a href=\"https:\/\/nexterwp.com\/nexter-theme\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">\ud83e\udd47 NexterWP Theme<\/a><\/strong> \u2013 Best &amp; Lightest Starter Theme for WordPress &amp; Elementor.<\/p>\n\n<p><strong><a href=\"https:\/\/nexterwp.com\/nexter-extension?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">\ud83e\udd47 Nexter Extension<\/a><\/strong> \u2013 Power up your WordPress website with 20+ extensions for layout, performance, security &amp; more.<\/p>\n\n<p><strong><a href=\"https:\/\/uichemy.com\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">\ud83e\udd47 UiChemy - Figma to Elementor Converter<\/a><\/strong> \u2013 Convert your Figma Templates into live Elementor websites using our <a href=\"https:\/\/www.figma.com\/community\/plugin\/1265873702834050352\/\">Free Figma Plugin<\/a>.<\/p>\n\n<p><strong><a href=\"https:\/\/wdesignkit.com\/?utm_source=wordpress&amp;utm_medium=readmepage&amp;utm_campaign=StickyHeaderEffects\">\ud83e\udd47 WDesignKit<\/a><\/strong> \u2013 1000+ Templates, Elementor &amp; Gutenberg Widget Builder, Cloud Storage, Widget to Block Converter &amp; More.<\/p>\n\n<p><strong><a href=\"https:\/\/wordpress.org\/plugins\/sproutos\/\">\ud83e\udd47 SproutOS<\/a><\/strong> \u2013 A modern WordPress plugin that helps site owners, agencies and developers work faster with AI-powered tools, automation and workflow controls.<\/p>","raw_excerpt":"Create advanced Elementor sticky headers with scroll effects: blur, shrink, hide on scroll, plus full responsive controls in Elementor Free or Pro.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kab.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/86306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kab.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/kab.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/kab.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=86306"}],"author":[{"embeddable":true,"href":"https:\/\/kab.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/posimyththemes"}],"wp:attachment":[{"href":"https:\/\/kab.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=86306"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/kab.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=86306"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/kab.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=86306"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/kab.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=86306"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/kab.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=86306"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/kab.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=86306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}