all-in-one-wp-sticky-anything

plugin

1.1.1 • public • Published 3 days ago

All-in-One Sticky Anything easily creates fixed widgets, sticky elements, sticky header, menu, sidebar, social icons & cookie consent on your website.

fixed sidebarsocial iconssticky headersticky menusticky sidebar

Installation

  1. Install All-in-One Sticky Anything by uploading the All-in-One Sticky Anything zip file to the /wp-content/plugins/ directory.
  2. Activate All-in-One Sticky Anything through the Plugins menu in WordPress.

Frequently Asked Questions

Can I create sticky social icons ?

Yes.

Can I customize the cookie consent message and styling?

Yes, absolutely. You can customize the message text, button labels and colors through the plugin settings.

Can I make multiple elements sticky?

Yes.

Can i make Sticky Sidebar in WordPress ?

Yes.

How do I make my header sticky/menu?

There are three easy methods:
Method 1 (Simplest): Add the class "sticky" to your header element
Method 2 (Settings Panel): Go to Dashboard → Sticky Anything → General Settings → Enter your header's CSS selector (e.g., .site-header or #masthead) → Save
Method 3 (Customizer - Supported Themes): Go to Appearance → Customize → Sticky Anything → Sticky Header → Enable

How to make sticky header via Customizer?

Dashboard → Appearance → Customize → Sticky Anything → Sticky Header -> Enable & set z-index.

How to make sticky sidebar in WordPress?

To configure the sticky sidebar, go to your WordPress Dashboard, navigate to ‘Sticky Anything’ > ‘Settings’, and then select ‘Sticky Sidebar’.

How to sticky anything in WordPress ?

Just use .sticky class.

I need more help please!

Please use the support forum.

Where can I find the Sticky Anything settings on Elementor?

Inside Elementor Editor → Select any container → Go to Advanced Tab → Scroll to Sticky Anything section.

Which themes support the Sticky Header perfectly on the customizer?

Popular classic themes such as Astra, Blocksy, GeneratePress, Kadence, Neve, OceanWP, Storefront, and Zakra provide seamless Sticky Header compatibility.

Will All-in-One Sticky Anything slow down my website?

No.

= How to disable the sticky?

Just remove class from settings.

= How to find Sticky Class, what should I enter here?

The "Sticky Class" you need depends on the theme you're using. To find it, right-click on your sidebar and choose “Inspect” (in Firefox) or “Inspect Element” (in Chrome). This will open the browser’s developer tools, where you can see the HTML structure of your site. Look for the element that contains your sidebar — it might have a class name like sidebar, widget-area, or something similar. Once you’ve found it, copy the class or ID. If it’s a class, make sure to add a dot (.) in front of the name (e.g. .sidebar). If it’s an ID, use a hash (#) instead (e.g. #widget-area). This is the selector you’ll use as the Sticky Sidebar Element.

Screenshots

General Settings

General Settings

Sticky Sidebar Settings

Sticky Sidebar Settings

Custom CSS

Custom CSS

Tools

Tools

Changelog

1.1.1 (06-02-2026)

  • New: Introduce Fixed Widget.
  • Fix: Settings sync across multiple devices.

1.1.0 (24-12-2025)

  • New: Introduce Sticky Cookie Consent.
  • Update: WordPress 6.9 Compatibility.

1.0.9 (21-11-2025)

  • New: Introduce Sticky Social Icons.

1.0.8 (23-10-2025)

  • New: Introduce Customizer support for Astra, Blocksy, GeneratePress, Kadence, Neve, OceanWP, Storefront, and Zakra themes.

1.0.7 (26-09-2025)

  • Fix: Astra theme compatibility.

1.0.6 (20-09-2025)

  • New: Introduce Elementor Page Builder Sticky Option.

1.0.5 (20-08-2025)

  • New: New Option to Fix Sticky Header.

1.0.4 (22-04-2025)

  • Fix: Fix close icon.

1.0.3 (19-04-2025)

  • New: Introduce Sticky Sidebar.

1.0.2 (07-09-2024)

  • Fix: Migrate old data.

1.0.1 (30-08-2024)

  • Update: Dashboard & UI has been updated.
  • New: Z-index option has been added.
  • New: Custom Css option has been added.
  • New: Reset Settings option has been added.

1.0.0

  • Initial version

All-In-One Sticky Anything – Fixed Widget, Sticky Header, Menu, Sidebar, Social Icons & Cookie Consent

All-in-One Sticky Anything on Scroll allows you to make any element sticky on your website, including sticky headers, sidebars, social icons, and cookie consent notices. The plugin also works seamlessly with the Elementor page builder.

Sometimes, creating sticky sections in Elementor can be challenging because the sticky feature is only available in Elementor Pro. Not everyone can afford Elementor Pro just for this functionality. Many users have limited budgets and need a free alternative. The All-in-One Sticky Anything plugin provides a free WordPress solution that enables you to make any element sticky in Elementor without upgrading to the Pro version.

This plugin is perfect for creating sticky headers, fixed navigation menus, floating sidebars, persistent social media icons, and cookie consent notices that remain visible as users scroll through your site.

You don’t need to worry about performance or loading speed. The plugin is built with lightweight and optimized code to ensure excellent speed and performance. Simply download, install, and activate the plugin to start making any element sticky with ease.

▶️ Video Overview

🌟 Benefits Of All-In-One Sticky Anything

  • Reduce Bounce Rate – Keep navigation accessible at all times
  • Improve User Experience – Visitors find what they need faster
  • Boost Social Engagement – Social buttons always within reach
  • Stay Compliant – Cookie notices remain visible for legal requirements

📖 Feature Details

** 🎯 Fixed Widget **
Make any widget in your sidebar a fixed widget. The fixed widget will stay visible while visitors scroll through your content. Works with any theme and any widget classic or block widget.

🎯 Sticky Header & Menu
Create fixed navigation headers and menus that stay at the top while visitors scroll. Boost navigation accessibility and keep your branding always visible. Works with any theme's header or custom navigation menus.

📌 Any Element Can Be Made Sticky
The user can make any element sticky by using this plugin. When you want to create an element sticky, just pick CSS class name, class id, or CSS selector.

📍 Sticky Sidebar
Want your sidebar to stay visible while scrolling? You can enable this feature by going to Settings → Sticky Sidebar and switching on “Enable Sticky Sidebar.”
After that, enter the CSS selector for your sidebar element (e.g. .sidebar or #sidebar-area) and the container element that wraps your main content (e.g. .site-content or .main-wrapper).
📝 The exact selectors you need depend on your active theme, so be sure to inspect your site using your browser’s developer tools to find the correct class or ID. Once set, the plugin will keep your sidebar fixed in view as users scroll.

📱 Sticky Social Icons
Keep your social media icons always visible to visitors! Enable the “Sticky Social Icons” option in the plugin settings, add your icons, and configure their position. This is perfect for boosting engagement and making your social links easily accessible while users scroll.

🍪 Sticky Cookie Consent (New ⚡)
Keep your cookie notice visible and compliant at all times! Enable the “Sticky Cookie Consent” option in the plugin settings, customize your consent message, and choose its position on the screen. This ensures visitors can easily review and manage their cookie preferences while browsing your site, helping you stay transparent and compliant as users scroll.

✏️ Custom CSS
All-in-One Sticky Anything allows you to customize the appearance of the website using custom CSS.

⏱️ Quick to Set Up
It doesn’t require any pro skills to download and install the plugin. You can download itself and install it on your WordPress dashboard.

⚡ Blazing Fast
Make anything sticky element in one or less time.

🌍 Works with Everything
All-in-One Sticky Plugin is compatible with most common themes, page builder’s plugin. We have tested it for many times and perfected it for you. It is perfectly working in Elementor page builder.

🔑 Easy to use
There are no complex settings for using it. You just pick class name or id and place it into fields and save it. There are other ways to sticky just use sticky class.

📘 How To Use ?

Just use sticky class to sticky anything.
Example: <div class="sticky">I am stikcy</div>

Create Sticky Header in Astra Theme - 3 Easy Method

Create Sticky Header in Neve Theme - 3 Easy Method

Create Sticky Header in Elementor

Open any page with Elementor → Select a container or section → Go to the Advanced TabSticky Anything → Enable Sticky Settings.

Credits

Plugin integrates magnificent [Theia Sticky Sidebar][https://github.com/WeCodePixels/theia-sticky-sidebar] v1.7.0 javascript code (Released under the MIT license, Copyright 2013-2016 WeCodePixels and other contributors) with WordPress.

There are lots of features coming soon. We are updating it regularly. If you fetch any kind of problem just use the support feature. We will update solving you issues as soon as possible.

🔥 Key Features Of All-In-One Sticky Anything

  • 🎯 Fixed Widget
  • 🎯 Sticky Header & Menu
  • 📌 Any Element Can Be Made Sticky
  • 📍 Sticky Sidebar
  • 📱 Sticky Social Icons
  • 🍪 Sticky Cookie Consent (New ⚡)
  • ✏️ Custom CSS
  • ⏱️ Quick to Set Up
  • ⚡ Blazing Fast
  • 🌍 Works with Everything
  • 🔑 Easy to use