[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$fPR6SYQSmzDHYlR8y3KrE0MVrCmLbdTAtm5hu8SaTXjM":3,"$fzDQuS7SRwZMLU-TNaAVyooq-VDVZMGIIvTdkseosg5g":137,"$fZrRw--Vp5KmNWSI6PycLfggzuygRpzEoIQKu_rawCao":142},{"slug":4,"name":5,"version":6,"author":7,"author_profile":8,"description":9,"short_description":10,"active_installs":11,"downloaded":12,"rating":13,"num_ratings":14,"last_updated":15,"tested_up_to":16,"requires_at_least":17,"requires_php":18,"tags":19,"homepage":25,"download_link":26,"security_score":13,"vuln_count":11,"unpatched_count":11,"last_vuln_date":27,"fetched_at":28,"discovery_status":29,"vulnerabilities":30,"developer":31,"crawl_stats":27,"alternatives":39,"analysis":27,"fingerprints":27},"menudoc-sticky-header-menu-on-scroll","MenuDoc Sticky Header Menu on Scroll","1.0.0","Jose Varghese","https:\u002F\u002Fprofiles.wordpress.org\u002Fjosevarghese\u002F","\u003Cp>MenuDoc Sticky Header Menu on Scroll is a lightweight WordPress plugin that turns any theme’s header or navigation menu into a sticky element as soon as the user starts scrolling. It works out of the box with most themes thanks to smart auto-detection, and provides a full settings panel for fine-tuning every detail of the sticky behavior, appearance, and visibility rules.\u003C\u002Fp>\n\u003Cp>There is no need to touch any code. Install, activate, and the plugin immediately starts working on your site.\u003C\u002Fp>\n\u003Ch4>Key Features\u003C\u002Fh4>\n\u003Cp>\u003Cstrong>Smart Header Auto-Detection\u003C\u002Fstrong>\u003Cbr \u002F>\nThe plugin scans your page for common header selectors and HTML structures used by popular WordPress themes, including full-site editing (FSE\u002Fblock) themes. It checks for semantic roles, well-known CSS classes and IDs, and falls back gracefully to the outermost header tag or a nav element. In the vast majority of cases the correct element is found without any configuration.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Custom CSS Selector\u003C\u002Fstrong>\u003Cbr \u002F>\nIf auto-detection selects the wrong element, you can switch to Custom Selector mode and enter any valid CSS selector (for example \u003Ccode>.site-header\u003C\u002Fcode>, \u003Ccode>#masthead\u003C\u002Fcode>, or \u003Ccode>header.main-nav\u003C\u002Fcode>) to target the exact element you want to stick.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Scroll Trigger Distance\u003C\u002Fstrong>\u003Cbr \u002F>\nControl how far the user must scroll down the page before the header becomes sticky. The default is 0 px, meaning the header sticks immediately. You can increase this value (up to 5000 px) so the header only sticks after the user has scrolled past the hero or page banner, keeping the top of the page clean.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Top Spacing (Sticky Offset)\u003C\u002Fstrong>\u003Cbr \u002F>\nAdd extra pixel space between the very top of the viewport and the sticky header. This is useful when you want breathing room above the header or when other fixed elements occupy part of the top of the screen.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>WordPress Admin Bar Awareness\u003C\u002Fstrong>\u003Cbr \u002F>\nWhen a user is logged in to WordPress, the admin toolbar appears at the top of the page and the sticky header automatically positions itself directly below it, with no overlap. This adjustment happens in real time and accounts for any height changes the admin bar makes at different screen widths.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Hide on Scroll Down\u003C\u002Fstrong>\u003Cbr \u002F>\nEnable this option to slide the sticky header out of view while the user is scrolling down the page. This reclaims screen real estate and gives readers more room to focus on content. When the user scrolls back up, the header smoothly returns to view.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Show on Scroll Up\u003C\u002Fstrong>\u003Cbr \u002F>\nWorks together with Hide on Scroll Down. When enabled, the header reappears as soon as an upward scroll is detected. You can leave this off if you only want the header to return after the user scrolls all the way back to the top of the page.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Push-Up Element\u003C\u002Fstrong>\u003Cbr \u002F>\nSpecify a CSS selector for an element (such as a footer or an in-page banner) that will push the sticky header out of view as it scrolls into the header’s position. This prevents the sticky header from overlapping important content near the bottom of the page. The push-up movement is calculated in real time based on the element’s position relative to the header.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Enter Animations\u003C\u002Fstrong>\u003Cbr \u002F>\nChoose an animation that plays once when the header first becomes sticky:\u003Cbr \u002F>\n– None: The header sticks instantly with no animation.\u003Cbr \u002F>\n– Fade In: The header fades in from transparent to fully visible.\u003Cbr \u002F>\n– Slide Down: The header slides in from above the viewport, which provides the most polished and natural feel for most sites.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Animation Speed\u003C\u002Fstrong>\u003Cbr \u002F>\nWhen an animation is selected, you can set the exact duration in milliseconds (from 0 to 1000 ms) to match the pace and personality of your site.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Drop Shadow\u003C\u002Fstrong>\u003Cbr \u002F>\nAdds a soft box-shadow beneath the sticky header to visually separate it from the page content below. The shadow color and opacity are both configurable so you can match your design exactly. The shadow transitions in smoothly as the header sticks.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Custom Sticky Background Color\u003C\u002Fstrong>\u003Cbr \u002F>\nIf your header uses a transparent background when it is in its normal position, enabling this option lets you set a solid background color that is applied only when the header is sticky. This is a common pattern on sites with a large hero image beneath a transparent navigation bar.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Responsive Breakpoint Control\u003C\u002Fstrong>\u003Cbr \u002F>\nTwo independent width controls let you disable the sticky behavior at specific screen sizes:\u003Cbr \u002F>\n– Disable Below Width: Enter a pixel value and the sticky header will not activate on screens narrower than that width. Set to 0 to enable on all screen sizes. Useful if your mobile header uses a different layout or a hamburger menu that should not be sticky.\u003Cbr \u002F>\n– Disable Above Width: Enter a pixel value and the sticky header will not activate on screens wider than that value. Set to 0 to enable on all screen sizes.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Configurable Z-Index\u003C\u002Fstrong>\u003Cbr \u002F>\nSet the CSS z-index value for the sticky header directly from the settings page. The default is 1000, which works for most themes. If another plugin or theme element appears on top of your sticky header, increase this value until the header sits on top.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>CSS State Classes\u003C\u002Fstrong>\u003Cbr \u002F>\nWhen enabled, the plugin adds the class \u003Ccode>mshms-is-sticky\u003C\u002Fcode> to the header element whenever it is in its sticky state, and \u003Ccode>mshms-not-sticky\u003C\u002Fcode> when it is not. These classes make it easy for developers and theme customizers to write CSS that targets each state independently, for example to change the logo size, font color, or padding when the header is sticky.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Display On (Page Type Control)\u003C\u002Fstrong>\u003Cbr \u002F>\nChoose exactly which types of pages the sticky header should be active on. The available options are:\u003Cbr \u002F>\n– Home Page\u003Cbr \u002F>\n– Blog \u002F Posts Page\u003Cbr \u002F>\n– Posts (single post pages)\u003Cbr \u002F>\n– Pages (single page entries)\u003Cbr \u002F>\n– Archives (category, tag, date, and author archives)\u003Cbr \u002F>\n– Search Results\u003Cbr \u002F>\n– 404 Page\u003Cbr \u002F>\n– Attachments\u003Cbr \u002F>\n– Any public custom post types registered on your site\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Debug Mode\u003C\u002Fstrong>\u003Cbr \u002F>\nDisplays a small overlay on the frontend of your site showing the currently detected header element and its CSS selector path, and logs detailed messages to the browser console. Use this mode when setting up the plugin or troubleshooting detection issues. Turn it off before going live.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>No Coding Required\u003C\u002Fstrong>\u003Cbr \u002F>\nAll settings are controlled from the WordPress admin panel under Settings – Sticky Header Menu. There is no need to edit any theme files, add custom code snippets, or write PHP. The plugin loads its scripts only on pages where the sticky header is enabled and only when the plugin itself is active.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Cache Compatibility\u003C\u002Fstrong>\u003Cbr \u002F>\nWhen you save settings the plugin automatically clears caches for the most popular WordPress caching solutions, including WP Rocket, LiteSpeed Cache, WP Super Cache, W3 Total Cache, WP Fastest Cache, Cache Enabler, Hummingbird, SiteGround Optimizer, Breeze, and FlyingPress.\u003C\u002Fp>\n","Makes your site's header or menu sticky on scroll with auto-detection, animations, scroll direction control, and breakpoints. No coding required.",0,178,100,1,"2026-06-19T20:18:00.000Z","7.0.2","5.5","7.4",[20,21,22,23,24],"fixed-header","scroll-header","sticky-header","sticky-menu","sticky-navigation","","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fmenudoc-sticky-header-menu-on-scroll.1.0.0.zip",null,"2026-07-22T17:31:50.256Z","no_bundle",[],{"slug":32,"display_name":7,"profile_url":8,"plugin_count":33,"total_installs":34,"avg_security_score":35,"avg_patch_time_days":36,"trust_score":37,"computed_at":38},"josevarghese",12,2840,99,30,93,"2026-08-28T18:51:56.920Z",[40,62,79,98,117],{"slug":41,"name":42,"version":43,"author":44,"author_profile":45,"description":46,"short_description":47,"active_installs":48,"downloaded":49,"rating":50,"num_ratings":51,"last_updated":52,"tested_up_to":53,"requires_at_least":54,"requires_php":55,"tags":56,"homepage":59,"download_link":60,"security_score":61,"vuln_count":11,"unpatched_count":11,"last_vuln_date":27,"fetched_at":28},"fixed-and-sticky-header","Fixed And Sticky Header","1.5","Arjun Thakur","https:\u002F\u002Fprofiles.wordpress.org\u002Farjunthakur\u002F","\u003Cp>Fixed and Sticky header wordpress plugin makes your header or menu visible at all times.\u003Cbr \u002F>\n It’s a great feature that allows people to browse faster and easy to use.\u003C\u002Fp>\n\u003Cp>In setting option(Fixed header) on dashboard, you can add fixed header background color as well as your fixed and sticky header text color so it provides enough contrast with regards to the background color.\u003C\u002Fp>\n\u003Ch4>Fixed and Sticky header options.\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>\u003Cstrong>Add Fixed Header (Class or Id)\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Add Background Color\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Add Text Color\u003C\u002Fstrong>\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Fixed Header Scroll\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch4>Major features of this plugin include\u003C\u002Fh4>\n\u003Col>\n\u003Cli>Fixed the header after adding class or id in plugin setting.\u003C\u002Fli>\n\u003Cli>Add background color for fixed header.\u003C\u002Fli>\n\u003Cli>Add text color.\u003C\u002Fli>\n\u003Cli>Fixed header on given scroll\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch4>Like the plugin?\u003C\u002Fh4>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fsupport\u002Fplugin\u002Ffixed-and-sticky-header\u002Freviews\u002F?rate=5#new-post\" rel=\"ugc\">Please Vote\u003C\u002Fa>, Your votes really make a difference! Thanks.\u003C\u002Fp>\n","This plugin will made your header or menu fixed and sticky.",1000,62446,66,7,"2021-04-11T16:13:00.000Z","5.7.15","3.5","5.2.4",[57,20,58,22,23],"fixed","fixed-menu","https:\u002F\u002Farjunthakur2.wordpress.com","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Ffixed-and-sticky-header.1.5.zip",85,{"slug":22,"name":63,"version":64,"author":65,"author_profile":66,"description":67,"short_description":68,"active_installs":48,"downloaded":69,"rating":70,"num_ratings":71,"last_updated":72,"tested_up_to":73,"requires_at_least":74,"requires_php":25,"tags":75,"homepage":77,"download_link":78,"security_score":61,"vuln_count":11,"unpatched_count":11,"last_vuln_date":27,"fetched_at":28},"Sticky Header by ThematoSoup","1.2.2","Slobodan Manić","https:\u002F\u002Fprofiles.wordpress.org\u002Fslobodanmanic\u002F","\u003Cp>For \u003Cstrong>support requests\u003C\u002Fstrong> please use our \u003Ca href=\"http:\u002F\u002Fsupport.thematosoup.com\" title=\"ThematoSoup support forums\" rel=\"nofollow ugc\">dedicated support forums\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp>The Sticky Header WordPress plugin makes your header visible at all times. It’s a great feature that allows people to browse faster and consume more of your content.\u003C\u002Fp>\n\u003Cp>Sticky Header by ThematoSoup is part of your brand building, improves user experience by saving people time and makes your WordPress website more aesthetically pleasing.\u003C\u002Fp>\n\u003Cp>Your branding (logo) is something you want visitors to subconsciously keep in mind while browsing your website and navigation is one of the most important aspects of every website. Make them visible at all times.\u003C\u002Fp>\n\u003Ch4>Settings\u003C\u002Fh4>\n\u003Cp>Sticky Header by ThematoSoup has just few options, which you can find in your Theme Customizer. This makes it \u003Cem>incredibly easy to configure and use\u003C\u002Fem>.\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Menu\u003C\u002Fstrong> – You need to create at least one navigation menu before you can add it to Sticky Header. The menu in Sticky Header \u003Cstrong>shows only first level items\u003C\u002Fstrong>, so no submenu items will be shown.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Logo\u003C\u002Fstrong> – You can upload your sticky header logo by clicking on “Upload new” > “Select a file”. Ideally, this \u003Cstrong>logo should be 30px\u003C\u002Fstrong> tall or it will be resized. If a logo image is not uploaded, site title will be used.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Background color\u003C\u002Fstrong> – You can choose your custom sticky header background color.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Text color\u003C\u002Fstrong> – Choose your sticky header text color so it provides enough contrast with regards to the background color.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Sticky Header max width\u003C\u002Fstrong> – This option allows you to match interior Sticky Header width to your content area width. \u003C\u002Fli>\n\u003Cli>\u003Cstrong>Make visible when scrolled to\u003C\u002Fstrong> – This is the distance from the top of the page at which sticky header will show, in pixels. \u003C\u002Fli>\n\u003Cli>\u003Cstrong>Hide if screen is narrower than\u003C\u002Fstrong> – Sticky header will not be shown on screens narrower than this value, in pixels. When people use mobile devices, they’re used to vertical scrolling so it’s not necessary to have sticky headers.\u003C\u002Fli>\n\u003C\u002Ful>\n","Sticky Header by ThematoSoup allows you to add sticky header to any WordPress theme.",82507,90,31,"2017-11-28T20:30:00.000Z","4.2.39","4.0",[20,76,22,23],"header","http:\u002F\u002Fthematosoup.com","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fsticky-header.zip",{"slug":80,"name":81,"version":82,"author":83,"author_profile":84,"description":85,"short_description":86,"active_installs":87,"downloaded":88,"rating":89,"num_ratings":90,"last_updated":91,"tested_up_to":92,"requires_at_least":93,"requires_php":25,"tags":94,"homepage":96,"download_link":97,"security_score":61,"vuln_count":11,"unpatched_count":11,"last_vuln_date":27,"fetched_at":28},"fixed-menu-anchor","Fixed Menu Anchor","2.3","k00ni","https:\u002F\u002Fprofiles.wordpress.org\u002Fk00ni\u002F","\u003Cp>If you are using a sticky, fixed menu in your WordPress theme, this plugin is the best to deal with the menu overlapping your anchored content. Insert exact menu height to jump before your anchor target. With the PRO version you can also adjust the value for a mobile breakpoint by width.\u003C\u002Fp>\n\u003Cblockquote>\n\u003Cp>\u003Cstrong>Mobile First Feature and Premium Support\u003C\u002Fstrong> \u003Cbr \u002F>\n  The Plugins First team provides active one to one email support for everybody who bought \u003Ca href=\"https:\u002F\u002Fplugins-first.io\u002Fen\u002Fproduct\u002Ffixed-menu-anchor-wordpress-plugin\u002F\" rel=\"nofollow ugc\">the PRO-version\u003C\u002Fa>. The PRO version comes with premium support and the mobile first feature.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>General Support and Bug Reports\u003C\u002Fstrong> \u003Cbr \u002F>\n  General support is provided within the \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fsupport\u002Fplugin\u002Ffixed-menu-anchor\" rel=\"ugc\">Support area\u003C\u002Fa> of WordPress.org, where you can also report bugs.\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003Ch4>Highlights\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>Simple, easy to configure \u002F setup\u003C\u002Fli>\n\u003Cli>You can define a standard distance between screen top and anchor target, which will be used whenever maximum viewport does not apply.\u003C\u002Fli>\n\u003Cli>Define a certain CSS-class, when it is attached on a link, the click event will be ignored.\u003C\u002Fli>\n\u003Cli>Define a maximum viewport width until a certain distance between screen top and anchor target is to be used (relevant for mobile optimized menu – \u003Cem>only PRO version\u003C\u002Fem>).\u003C\u002Fli>\n\u003Cli>Browser agnostic – It is fully compatible with all major browsers: Firefox, Chromium\u002FChrome, Safari, Opera, Edge\u003C\u002Fli>\n\u003Cli>Theme agnostic – You can use it in every theme as long as jQuery library is loaded.\u003C\u002Fli>\n\u003Cli>Tested up to WordPress 4.5\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Setup and Usage\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>Go to Appearence->Fixed Menu Anchor and choose the distance value.\u003C\u002Fli>\n\u003Cli>That value should be a little bit higher than the fixed menu of yours.\u003C\u002Fli>\n\u003Cli>After saving the value, you should jump in front of each anchor-target without the concerning about overlayed content anymore.\u003C\u002Fli>\n\u003C\u002Ful>\n","If you are using a sticky, fixed menu in your WP theme, this plugin is the best to deal with it overlapping anchored content.",200,9512,80,4,"2016-08-05T16:09:00.000Z","4.5.33","4.3",[95,20,58,22,23],"anchor","https:\u002F\u002Fwordpress.org\u002Fplugins\u002Ffixed-menu-anchor","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Ffixed-menu-anchor.zip",{"slug":99,"name":100,"version":101,"author":102,"author_profile":103,"description":104,"short_description":105,"active_installs":106,"downloaded":107,"rating":11,"num_ratings":11,"last_updated":108,"tested_up_to":109,"requires_at_least":110,"requires_php":25,"tags":111,"homepage":115,"download_link":116,"security_score":61,"vuln_count":11,"unpatched_count":11,"last_vuln_date":27,"fetched_at":28},"simple-sticky-header-menu","Simple Sticky Header Menu","1.0","Come2theweb","https:\u002F\u002Fprofiles.wordpress.org\u002Fjitendra742744\u002F","\u003Cp>Make website header sticky by using this plugin, very simple way to use, just install plugin and activate it thats all. Also there is an option to select your header id or class if incase bydefault header make fixed.\u003C\u002Fp>\n\u003Ch4>Features\u003C\u002Fh4>\n\u003Cul>\n\u003Cli>Header Fixed\u003C\u002Fli>\n\u003Cli>Make Sticky Header\u003C\u002Fli>\n\u003Cli>Use Without any hassel\u003C\u002Fli>\n\u003Cli>Fully Compatible to all devices\u003C\u002Fli>\n\u003Cli>Without conflict with any other plugin or code\u003C\u002Fli>\n\u003Cli>Fully Responsive\u003C\u002Fli>\n\u003Cli>Simple and easy to asign header\u003C\u002Fli>\n\u003Cli>Video Tutorial How to get Header ID or Classs\u003C\u002Fli>\n\u003Cli>Free to Use\u003C\u002Fli>\n\u003C\u002Ful>\n","Make website header sticky by using this plugin, very simple way to use, just install plugin and activate it thats all. Also there is an option to sel …",50,2078,"2024-02-06T06:16:00.000Z","6.4.8","4.6",[112,113,114,22,23],"fixed-header-on-scroll","header-fix","header-sticky","https:\u002F\u002Fcome2theweb.com\u002Fplugins\u002Fsshm\u002F","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fsimple-sticky-header-menu.1.0.zip",{"slug":118,"name":119,"version":120,"author":121,"author_profile":122,"description":123,"short_description":124,"active_installs":125,"downloaded":126,"rating":70,"num_ratings":127,"last_updated":128,"tested_up_to":16,"requires_at_least":129,"requires_php":18,"tags":130,"homepage":134,"download_link":135,"security_score":35,"vuln_count":14,"unpatched_count":11,"last_vuln_date":136,"fetched_at":28},"sticky-header-effects-for-elementor","Sticky Header Effects for Elementor","2.2.0","POSIMYTH","https:\u002F\u002Fprofiles.wordpress.org\u002Fposimyththemes\u002F","\u003Cp>Create advanced Elementor sticky headers with scroll effects: blur, shrink, hide on scroll, plus full responsive controls in Elementor Free or Pro.\u003C\u002Fp>\n\u003Ch3>Sticky Header Effects for Elementor: Build Smart, Responsive Sticky Headers\u003C\u002Fh3>\n\u003Cp>Sticky headers (also called fixed or floating headers) are essential for improving navigation, branding visibility, and user experience on any modern website. With the \u003Cstrong>Sticky Header Effects for Elementor\u003C\u002Fstrong> plugin, you can now build sleek, customizable sticky headers that respond to user scroll behavior, all with \u003Cstrong>Elementor Free or Pro\u003C\u002Fstrong>.\u003C\u002Fp>\n\u003Cp>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.\u003C\u002Fp>\n\u003Cp>This plugin is perfect for developers, designers, bloggers, and agencies who want more control over header behavior without writing a single line of code.\u003C\u002Fp>\n\u003Cp>\u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">🌐 Visit Website\u003C\u002Fa>| \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fsticky-header-for-elementor-templates\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">🖼️ Sticky Header Templates Demos\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fc\u002FPOSIMYTHInnovations\u002F?sub_confirmation=1\" rel=\"nofollow ugc\">📹 Video Tutorials\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fdocs?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">📑 Documentations\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fgo.posimyth.com\u002Fshe-discord\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">👥 Join Community\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fsupport\u002Fplugin\u002Fsticky-header-effects-for-elementor\u002F\" rel=\"ugc\">🤝 Free Support\u003C\u002Fa> | \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffectsPro#pricing\" rel=\"nofollow ugc\">🚀 Get Pro\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>🚀 New: Sticky Header Effects for Elementor Pro\u003C\u002Fh3>\n\u003Cp>Need more control? The \u003Cstrong>Sticky Header Effects for Elementor Pro\u003C\u002Fstrong> add-on adds 11 advanced scroll effects on top of this free plugin (see the full list below). \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffectsPro\" rel=\"nofollow ugc\">Learn more about Pro\u003C\u002Fa>. \u003Cem>(This is a separate plugin)\u003C\u002Fem>\u003C\u002Fp>\n\u003Ch3>🔥 Comes With \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fsticky-header-for-elementor-templates\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">50+ Ready To Import Templates For Elementor Headers With Sticky Header\u003C\u002Fa>\u003C\u002Fh3>\n\u003Ch3>👑 10+ Powerful Elementor Sticky Header Effects\u003C\u002Fh3>\n\u003Ch3>1. Header Scroll Distance Effect\u003C\u002Fh3>\n\u003Cp>\u003Cstrong>Set Scroll Trigger Threshold\u003C\u002Fstrong>\u003Cbr \u002F>\nDefine how far the user scrolls before sticky effects activate. Perfect for precise control over header behavior.\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fsticky-header-for-elementor-templates\u002F?checkbox-sticky_header_effects=Header+Scroll+Distance&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>2. Transparent Header Background Effect\u003C\u002Fh3>\n\u003Cp>\u003Cstrong>Overlay with Elegance\u003C\u002Fstrong>\u003Cbr \u002F>\nAllow your header to overlay your hero or banner sections with full transparency. Ideal for modern homepage designs.\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fsticky-header-for-elementor-templates\u002F?checkbox-sticky_header_effects=Transparent+Header+Background&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>3. Dynamic Background Color Change\u003C\u002Fh3>\n\u003Cp>\u003Cstrong>Auto Background Switching\u003C\u002Fstrong>\u003Cbr \u002F>\nChange your header’s background color on scroll to match different sections or maintain contrast.\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fsticky-header-for-elementor-templates\u002F?checkbox-sticky_header_effects=Background+Color+Change&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>4. Bottom Border Styling Effect\u003C\u002Fh3>\n\u003Cp>\u003Cstrong>Subtle Section Separation\u003C\u002Fstrong>\u003Cbr \u002F>\nAdd customizable borders below your sticky header for better definition and clean design.\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fsticky-header-for-elementor-templates\u002F?checkbox-sticky_header_effects=Bottom+Border+Styling&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>5. Header Shrinking Effect\u003C\u002Fh3>\n\u003Cp>\u003Cstrong>Reduce Header Height Dynamically\u003C\u002Fstrong>\u003Cbr \u002F>\nShrink the entire header after scrolling to save space and focus attention on the page content.\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fsticky-header-for-elementor-templates\u002F?checkbox-sticky_header_effects=Header+Shrinking&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>6. Logo Shrinking Effect\u003C\u002Fh3>\n\u003Cp>\u003Cstrong>Responsive Logo Transition\u003C\u002Fstrong>\u003Cbr \u002F>\nShrink the logo proportionally during scroll, maintaining visual balance and brand presence.\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fsticky-header-for-elementor-templates\u002F?checkbox-sticky_header_effects=Logo+Shrinking&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>7. Logo Color Change Effect\u003C\u002Fh3>\n\u003Cp>\u003Cstrong>Switch Logo Color for Better Contrast\u003C\u002Fstrong>\u003Cbr \u002F>\nAutomatically switch to a contrasting logo color on scroll based on background or user behavior.\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fsticky-header-for-elementor-templates\u002F?checkbox-sticky_header_effects=Logo+Color+Change&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>8. Blur Background Effect\u003C\u002Fh3>\n\u003Cp>\u003Cstrong>Add Modern Blur Transition\u003C\u002Fstrong>\u003Cbr \u002F>\nEnhance the visual flow by applying a subtle blur effect to the background of your sticky header.\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fsticky-header-for-elementor-templates\u002F?checkbox-sticky_header_effects=Blur+Background&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>9. Hide Header on Scroll Down Effect\u003C\u002Fh3>\n\u003Cp>\u003Cstrong>Hide & Reappear on Scroll\u003C\u002Fstrong>\u003Cbr \u002F>\nAuto-hide the header when scrolling down and show it again on scroll up. Great for content-heavy pages.\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fsticky-header-for-elementor-templates\u002F?checkbox-sticky_header_effects=Hide+Header+on+Scroll+Down&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>10. Above Header Section Effect\u003C\u002Fh3>\n\u003Cp>\u003Cstrong>Sync Above Sections Cleanly\u003C\u002Fstrong>\u003Cbr \u002F>\nAlign your sticky effects with sections above the main header for unified motion and cleaner transitions.\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fsticky-header-for-elementor-templates\u002F?checkbox-sticky_header_effects=Above+Header+Section&utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>👑 Sticky Header Effects PRO: 11 Advanced Scroll Effects\u003C\u002Fh3>\n\u003Cp>Want more control? \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffectsPro#pricing\" rel=\"nofollow ugc\">Sticky Header Effects for Elementor Pro\u003C\u002Fa>\u003C\u002Fstrong> is a separate add-on that builds on top of this free plugin. It adds 11 advanced, scroll-based header features:\u003C\u002Fp>\n\u003Ch3>1. Display Conditions (PRO)\u003C\u002Fh3>\n\u003Cp>Show or hide the sticky header on specific pages, posts, taxonomies, roles, login state, URLs and more.\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fdocs\u002Fshow-or-hide-elementor-sticky-header-with-display-conditions\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffectsPro\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>2. Sticky Until (Boundary Control) (PRO)\u003C\u002Fh3>\n\u003Cp>Release the sticky at a container, page end, custom element, or scroll distance.\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fdemos\u002Fvisionary-ai\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffectsPro\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>3. Reveal \u002F Entrance Animations (PRO)\u003C\u002Fh3>\n\u003Cp>9 entrance effects (slide, fade, zoom, flip) when the header becomes sticky, with duration, easing and delay.\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fdemos\u002Fcashiq\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffectsPro\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>4. Header Replace on Scroll (PRO)\u003C\u002Fh3>\n\u003Cp>Show a completely different header look when sticky, built from a normal and a sticky version in one header (no second template).\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fdemos\u002Fclaude-ortiz\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffectsPro\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>5. Logo Image Swap (PRO)\u003C\u002Fh3>\n\u003Cp>Swap to a different logo image (with retina @2x) when the header becomes sticky.\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fdemos\u002Fluminora\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffectsPro\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>6. Sticky Menu Styling (PRO)\u003C\u002Fh3>\n\u003Cp>Restyle nav menu colors, typography and spacing only while sticky (Elementor, Mega Menu, WordPress Menu & TPAE Nav Menu).\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fdemos\u002Faurafurnish\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffectsPro\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>7. Extended Backdrop Filters (PRO)\u003C\u002Fh3>\n\u003Cp>Add grayscale, brightness, contrast and hue-rotate on top of the free blur backdrop.\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fdemos\u002Fzenflow\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffectsPro\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>8. Background Image on Sticky (PRO)\u003C\u002Fh3>\n\u003Cp>Show a background image only while the header is sticky, with full position, size, repeat and attachment controls.\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fdemos\u002Fecoflux\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffectsPro\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>9. Header Opacity Transition (PRO)\u003C\u002Fh3>\n\u003Cp>Smoothly fade the header opacity between its normal and sticky states.\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fdemos\u002Fflexify\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffectsPro\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>10. Logo Styling on Sticky (PRO)\u003C\u002Fh3>\n\u003Cp>Add padding, border, radius and box-shadow to the logo only while sticky, with a smooth transition.\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fdemos\u002Fzenflow\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffectsPro\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Ch3>11. Multi-Sticky Coordination (PRO)\u003C\u002Fh3>\n\u003Cp>Coordinate up to five sticky sections on one page in Stack or Sequential modes, with priority ordering.\u003Cbr \u002F>\n👉 \u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002Fdemos\u002Finkspire\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffectsPro\" rel=\"nofollow ugc\">Live Demo\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp>👉 \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fstickyheadereffects.com\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffectsPro#pricing\" rel=\"nofollow ugc\">Get Sticky Header Effects Pro\u003C\u002Fa>\u003C\u002Fstrong>, backed by a 60-day money-back guarantee.\u003C\u002Fp>\n\u003Ch3>🔍 Check Our Other Products\u003C\u002Fh3>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Ftheplusaddons.com\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">🥇 The Plus Addons for Elementor\u003C\u002Fa>\u003C\u002Fstrong> – Get 120+ unique Elementor widgets, Elementor templates, and more.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fnexterwp.com\u002Fnexter-blocks\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">🥇 Nexter Blocks\u003C\u002Fa>\u003C\u002Fstrong> – Nexter Theme works in sync with core Gutenberg. Add 90+ powerful, highly customizable blocks.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fnexterwp.com\u002Fnexter-theme\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">🥇 NexterWP Theme\u003C\u002Fa>\u003C\u002Fstrong> – Best & Lightest Starter Theme for WordPress & Elementor.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fnexterwp.com\u002Fnexter-extension?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">🥇 Nexter Extension\u003C\u002Fa>\u003C\u002Fstrong> – Power up your WordPress website with 20+ extensions for layout, performance, security & more.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fuichemy.com\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">🥇 UiChemy – Figma to Elementor Converter\u003C\u002Fa>\u003C\u002Fstrong> – Convert your Figma Templates into live Elementor websites using our \u003Ca href=\"https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Fplugin\u002F1265873702834050352\u002F\" rel=\"nofollow ugc\">Free Figma Plugin\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwdesignkit.com\u002F?utm_source=wordpress&utm_medium=readmepage&utm_campaign=StickyHeaderEffects\" rel=\"nofollow ugc\">🥇 WDesignKit\u003C\u002Fa>\u003C\u002Fstrong> – 1000+ Templates, Elementor & Gutenberg Widget Builder, Cloud Storage, Widget to Block Converter & More.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fplugins\u002Fsproutos\u002F\" rel=\"ugc\">🥇 SproutOS\u003C\u002Fa>\u003C\u002Fstrong> – A modern WordPress plugin that helps site owners, agencies and developers work faster with AI-powered tools, automation and workflow controls.\u003C\u002Fp>\n","Create advanced Elementor sticky headers with scroll effects: blur, shrink, hide on scroll, plus full responsive controls in Elementor Free or Pro.",300000,5394436,68,"2026-07-14T07:20:00.000Z","6.3",[131,132,20,22,133],"elementor","elementor-header","transparent-header","https:\u002F\u002Fstickyheadereffects.com","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fsticky-header-effects-for-elementor.2.2.0.zip","2025-09-22 00:00:00",{"error":138,"url":139,"statusCode":140,"statusMessage":141,"message":141},true,"http:\u002F\u002Flocalhost\u002Fapi\u002Fplugins\u002Fmenudoc-sticky-header-menu-on-scroll\u002Fbundle",404,"no bundle for this plugin yet",{"slug":4,"current_version":6,"total_versions":14,"versions":143},[144],{"version":6,"download_url":26,"svn_tag_url":145,"released_at":27,"has_diff":146,"diff_files_changed":147,"diff_lines":27,"trac_diff_url":27,"vulnerabilities":148,"is_current":138},"https:\u002F\u002Fplugins.svn.wordpress.org\u002Fmenudoc-sticky-header-menu-on-scroll\u002Ftags\u002F1.0.0\u002F",false,[],[]]