=== Floaty Header – Sticky Header ===
Contributors: amandeepwebspero  
Tags: sticky header, floating header, scroll header, sticky menu, announcement bar  
Requires at least: 5.5  
Tested up to: 6.8  
Stable tag: 1.2.1  
Requires PHP: 7.4  
License: GPLv2 or later  
License URI: https://www.gnu.org/licenses/gpl-2.0.html  

Make any element (e.g. header or announcement bar) sticky on scroll with color & offset controls for both desktop and mobile. 

== Description ==

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.

To make any element on your site sticky, all you need is the right CSS selector! Whether it's a simple one like header, #site-header, or .main-navbar, or something more specific like header > div.logo-wrap or .top-bar nav.primary ul.menu, Floaty Header makes it easy. Just copy the selector of the element you want to stick and paste it into the plugin settings. No coding skills required — it’s simple, fast, and works with any theme.

### ✨ Features

🎨 **Scroll Transition Effects** – Add 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 for improved responsiveness.  

📢 **Sticky Announcement Bar Support** – Make any announcement bar sticky to boost visibility for promotions or alerts.  

🎯 **Improved Styling** – Enhanced handling for links, buttons, icons, and SVGs in sticky state.  

⚡ **Optimized Performance** – Lightweight updates to keep your site fast and conflict-free.  

### ✅ Additional Highlights

- Make **any element sticky** – headers, announcement bars.  
- Works with **any theme or page builder**.  
- Simple and clean **UI with live previews**.  
- Easy setup – no coding required.  

== Installation ==

1. Upload the plugin folder to `/wp-content/plugins/`.
2. Activate the plugin via the “Plugins” screen in WordPress.
3. Go to **Settings > Floaty Header** to configure your sticky element.

== Frequently Asked Questions ==

= Can I make elements other than headers sticky? =  
Yes, you can enter any valid CSS selector to make any element sticky — such as announcement bars, menu sections, etc.

= Does it work with all themes? =  
Yes, Floaty Header is built to be theme-agnostic and works with all popular themes and page builders.

= Can I disable sticky behavior on mobile? =  
Yes, there’s a toggle option in the settings to disable sticky headers on smaller screens.

== Screenshots ==

1. Settings page with live preview options.
2. Sticky header in action with custom background and offset.

== Changelog ==

= 1.2.1 =
* Added separate color and background options for mobile and desktop views.
* Introduced option to make announcement bars sticky.
* UI enhancements and improved spacing between form elements.
* Styled the submit button to match plugin’s clean design.

= 1.2.0 =
* Added scroll transition effects (fade and slide).
* Improved color pickers with live preview.
* Offset configuration introduced.

= 1.0.0 =
* Initial release with basic sticky header functionality.

== Upgrade Notice ==

= 1.2.1 =
Recommended update – new mobile styling controls, sticky announcement bar option, and UI polish.