Compatiblity checks for 6.9<\/p>","1.2.4":"
Minor update. No functional changes.<\/p>","1.2.3":"
Minor update \u2013 plugin name refreshed for clarity and SEO. No functional changes.<\/p>","1.2.2":"
Recommended update \u2013 new sticky on scroll up functionality, improved admin UI\/UX, and minor optimizations.<\/p>"},"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3330118,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3330118,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3330118,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3330118,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.1","1.2.0","1.2.1","1.2.2","1.2.3","1.2.4","1.2.5","1.2.6"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3357899,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3357894,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3356053,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3356053,"resolution":"4","location":"assets","locale":""}},"screenshots":{"1":"Settings section with Target Element - Class or ID, Behavior - Offset (px), Scroll Transition Effect","2":"Settings section with Sticky on Scroll Up, Desktop Sticky Styles, Mobile Sticky Styles","3":"Sticky header in action with custom background, offset, and scroll up behavior - Desktop.","4":"Sticky header in action with custom background, offset, and scroll up behavior - Mobile."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[76538,246012,247408,10213,10214],"plugin_category":[],"plugin_contributors":[245089],"plugin_business_model":[],"class_list":["post-241838","plugin","type-plugin","status-publish","hentry","plugin_tags-elementor","plugin_tags-floating-header","plugin_tags-sticky-announcement-bar","plugin_tags-sticky-header","plugin_tags-sticky-menu","plugin_contributors-amandeepwebspero","plugin_committers-amandeepwebspero"],"banners":{"banner":"https:\/\/ps.w.org\/floatyheader-sticky-header\/assets\/banner-772x250.png?rev=3330118","banner_2x":"https:\/\/ps.w.org\/floatyheader-sticky-header\/assets\/banner-1544x500.png?rev=3330118","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/floatyheader-sticky-header\/assets\/icon-128x128.png?rev=3330118","icon_2x":"https:\/\/ps.w.org\/floatyheader-sticky-header\/assets\/icon-256x256.png?rev=3330118","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/floatyheader-sticky-header\/assets\/screenshot-1.png?rev=3357899","caption":"Settings section with Target Element - Class or ID, Behavior - Offset (px), Scroll Transition Effect"},{"src":"https:\/\/ps.w.org\/floatyheader-sticky-header\/assets\/screenshot-2.png?rev=3357894","caption":"Settings section with Sticky on Scroll Up, Desktop Sticky Styles, Mobile Sticky Styles"},{"src":"https:\/\/ps.w.org\/floatyheader-sticky-header\/assets\/screenshot-3.png?rev=3356053","caption":"Sticky header in action with custom background, offset, and scroll up behavior - Desktop."},{"src":"https:\/\/ps.w.org\/floatyheader-sticky-header\/assets\/screenshot-4.png?rev=3356053","caption":"Sticky header in action with custom background, offset, and scroll up behavior - Mobile."}],"raw_content":"\n
Floaty Header is a lightweight and flexible sticky header plugin that helps you fix any element to the top of the page when scrolling \u2014 be it your header, navigation, or an announcement bar. Perfect for improving user navigation, increasing visibility of key elements, and maintaining branding on long pages.<\/p>\n\n
With the sticky on scroll up<\/strong> feature, your header or navigation remains hidden while users scroll down and only becomes visible when they scroll up. This keeps your site clean, uncluttered, and content-focused while still providing easy access to navigation. This functionality is fully customizable for desktop and mobile, giving you precise control over when and where the sticky header appears.<\/p>\n\n To make any element sticky, simply enter its CSS selector \u2014 whether it\u2019s \u2b06\ufe0f Sticky on Scroll Up<\/strong> \u2013 Keep your header hidden while scrolling down and reveal it when users scroll up for better UX and unobstructed content.<\/p>\n\n \ud83c\udfa8 Scroll Transition Effects<\/strong> \u2013 Smooth Fade<\/em> or Slide<\/em> animations when your header becomes sticky.<\/p>\n\n \ud83d\udd8c\ufe0f Custom Sticky Background & Text Color (Mobile & Desktop)<\/strong> \u2013 Independently style your sticky header for both mobile and desktop with live color pickers.<\/p>\n\n \ud83d\udccf Offset Control<\/strong> \u2013 Set the scroll distance before your header sticks to the top.<\/p>\n\n \ud83d\udcf1 Mobile-Friendly Control<\/strong> \u2013 Option to disable sticky behavior on mobile devices.<\/p>\n\n \ud83d\udce2 Sticky Announcement Bar Support<\/strong> \u2013 Make any announcement bar sticky for promotions or alerts.<\/p>\n\n \ud83c\udfaf Improved Styling & UI\/UX<\/strong> \u2013 Enhanced handling for links, buttons, icons, SVGs, toggles, and form spacing in the settings page.<\/p>\n\n \u26a1 Optimized Performance<\/strong> \u2013 Lightweight updates to ensure fast, conflict-free behavior.<\/p>\n\n Yes. Floaty Header is fully compatible with Elementor and other popular WordPress page builders. You can easily make any Elementor header, section, or widget sticky without writing code.<\/p><\/dd>\n Yes, you can enter any valid CSS selector \u2014 such as announcement bars, menu sections, etc.<\/p><\/dd>\n Yes, Floaty Header is theme-agnostic and compatible with all popular themes and page builders.<\/p><\/dd>\n Yes, there\u2019s a toggle option to disable sticky headers on smaller screens.<\/p><\/dd>\n When enabled, the header remains hidden while scrolling down and only appears when the user scrolls up. It helps reduce clutter and keeps content visible.<\/p><\/dd>\n\n<\/dl>\n\n\n \"Plugin Check\" issues fixes. No functional changes.<\/p>\n\n Minor update. No functional changes.<\/p>\n\n Minor update. No functional changes.<\/p>\n\nheader<\/code>, #site-header<\/code>, .main-navbar<\/code>, or more specific elements like header > div.logo-wrap<\/code> or .top-bar nav.primary ul.menu<\/code>. No coding required!<\/p>\n\n\u2728 Features<\/h3>\n\n
\u2705 Additional Highlights<\/h3>\n\n
\n
\n
\/wp-content\/plugins\/<\/code>.<\/li>\n\n
Does Floaty Header work with Elementor?<\/h3><\/dt>\n
Can I make elements other than headers sticky?<\/h3><\/dt>\n
Does it work with all themes?<\/h3><\/dt>\n
Can I disable sticky behavior on mobile?<\/h3><\/dt>\n
What is \u201cSticky on Scroll Up\u201d?<\/h3><\/dt>\n
1.2.6<\/h4>\n\n
1.2.5<\/h4>\n\n
1.2.4<\/h4>\n\n
1.2.3<\/h4>\n\n
\n
1.2.2<\/h4>\n\n
\n
1.2.1<\/h4>\n\n
\n
1.2.0<\/h4>\n\n
\n
1.0.0<\/h4>\n\n
\n