alexgodlewski

The Lightweight High Performance Sticky Bar is perfect for announcements, promotions, or important messages that need visibility without disrupting the user experience. It adds a customizable sticky bar to the top of your website with options for a countdown timer.
<h4>Features</h4>
<ul>
<li>Smooth Animations: Clean transitions when showing and hiding the bar</li>
<li>Customizable Text: Set your own message to display</li>
<li>Color Picker: Choose any background color with the built-in WordPress color picker</li>
<li>Cookie Integration: Bar stays hidden for visitors who close it</li>
<li>Configurable Duration: Set how many hours the bar stays hidden after being closed</li>
<li>Admin Bar Compatible: Automatically adjusts position when WordPress admin bar is present</li>
<li>Content-Friendly: Adds padding to avoid covering your website content</li>
<li>Lightweight: Minimal impact on page load times and performance</li>
<li>Mobile-Friendly: Fully responsive design that works on all devices</li>
<li>No Dependencies: Doesn’t require any external libraries beyond jQuery (included with WordPress)</li>
<li>Countdown Timer: Display a countdown to a specific date and time</li>
<li>Cache-Compatible: Works with page caching plugins</li>
<li>Customizable Countdown: Position, colors, labels, and end actions</li>
</ul>
<h3>Technical Details</h3>
The sticky bar appears at the top of your website as the first element in the header. It includes:
<ul>
<li>Smart Positioning: Detects and adjusts for the WordPress admin bar when logged in</li>
<li>Body Padding: Automatically adds padding to prevent content from being hidden</li>
<li>Responsive Layout: Adapts to all screen sizes from mobile to desktop</li>
<li>Performance Optimized: JavaScript and CSS are minified and only loaded when needed</li>
<li>Cookie-Based Memory: Respects user preferences by remembering when they’ve dismissed the bar</li>
<li>Countdown Feature: Display days, hours, minutes, and seconds remaining until a target date</li>
<li>AJAX Updates: Ensures countdown accuracy even with cached pages</li>
</ul>
<h4>Configuration Options</h4>
<ul>
<li>Bar Text: The message displayed in the sticky bar</li>
<li>Background Color: Color picker for the bar background</li>
<li>Hide Duration: Hours the bar stays hidden after closing</li>
<li>Enable Bar: Toggle to activate/deactivate the bar</li>
<li>Enable Countdown: Toggle to enable the countdown timer</li>
<li>Target Date: The date and time that the countdown targets</li>
<li>After Countdown Ends: What happens when countdown reaches zero (Show Zeros, Remove Countdown, or Remove Bar)</li>
<li>Countdown Position: Where to display the countdown relative to text</li>
<li>Numbers Background: Background color for countdown digits</li>
<li>Numbers Font Color: Text color for countdown digits</li>
<li>Show Labels: Toggle to show/hide time unit labels (Days, Hours, etc.)</li>
<li>Labels Position: Display labels above or below the numbers</li>
<li>Custom Labels: Customize the text for each time unit label</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>WordPress 5.0 or higher</li>
<li>PHP 7.4 or higher</li>
<li>JavaScript enabled in the browser</li>
<li>Cookies enabled for remembering user preferences</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>WordPress 5.0 or higher</li>
<li>PHP 7.4 or higher</li>
<li>JavaScript enabled in the browser</li>
<li>Cookies enabled for remembering user preferences</li>
</ul>
<h3>License</h3>
This plugin is licensed under the GPLv2 or later.
<h3>Credits</h3>
Developed by Alex Godlewski, <a href="https://hyroes.com" rel="nofollow ugc">Hyroes.com</a>
<h3>Privacy</h3>
This plugin sets a cookie (HyroesStickyBarClosed) in the visitor’s browser when they close the sticky bar. This cookie only stores a simple “closed” status and does not collect any personal information or track users.
The cookie expires after the configured number of hours (default: 24 hours). No data is sent to external servers except for the AJAX requests used to update the countdown timer, which do not contain any personal information.

Lightweight High Performance Sticky Bar

Add a customizable sticky notification bar with countdown functionality to your website with minimal performance impact.

Aman Brar

Floaty Header is a lightweight and flexible sticky header plugin that helps you fix any element to the top of the page when scrolling — 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.
<h3>⚡ New: Sticky on Scroll Up</h3>
With the sticky on scroll up 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.
To make any element sticky, simply enter its CSS selector — whether it’s <code>header</code>, <code>#site-header</code>, <code>.main-navbar</code>, or more specific elements like <code>header > div.logo-wrap</code> or <code>.top-bar nav.primary ul.menu</code>. No coding required!
<h3>✨ Features</h3>
⬆️ Sticky on Scroll Up – Keep your header hidden while scrolling down and reveal it when users scroll up for better UX and unobstructed content.
🎨 Scroll Transition Effects – Smooth Fade or Slide animations when your header becomes sticky.
🖌️ Custom Sticky Background & Text Color (Mobile & Desktop) – Independently style your sticky header for both mobile and desktop with live color pickers.
📏 Offset Control – Set the scroll distance before your header sticks to the top.
📱 Mobile-Friendly Control – Option to disable sticky behavior on mobile devices.
📢 Sticky Announcement Bar Support – Make any announcement bar sticky for promotions or alerts.
🎯 Improved Styling & UI/UX – Enhanced handling for links, buttons, icons, SVGs, toggles, and form spacing in the settings page.
⚡ Optimized Performance – Lightweight updates to ensure fast, conflict-free behavior.
<h3>✅ Additional Highlights</h3>
<ul>
<li>Make any element sticky – headers, announcement bars, navigation. </li>
<li>Works with any theme or page builder. </li>
<li>Simple, clean UI with live previews and toggles. </li>
<li>Easy setup – no coding required.</li>
</ul>

Floaty Header – Easy Sticky Header, Sticky Menu & Announcement Bar


I recently used this plugin on my website and found it works flawlessly—no errors encountered. What impressed me the most is the option to disable the header on mobile devices if it's not needed.



Works perfectly with any theme, loads fast, and improves site navigation.  Highly recommend for anyone looking for a reliable sticky header solution.


I just used this sticky header plugin in my website

Easily create sticky headers, menus & announcement bars for Elementor or any theme. Simple, lightweight & fast.

Lightweight High Performance Sticky Bar vs Floaty Header – Easy Sticky Header, Sticky Menu & Announcement Bar