WordPress.org

Plugin Directory

WP Sticky Anything – Sticky Menu & Sticky Header, Sticky Sidebar

WP Sticky Anything – Sticky Menu & Sticky Header, Sticky Sidebar

Disgrifiad

WP Sticky Anything – Sticky Menu & Sticky Header and Sticky Sidebar

WP Sticky Anything on Scroll plugin allows to you make any elements sticky or sticky Header and Sticky Sidebar on your website. It also works in Elementor page builder.

Sometimes, we stuck making any section sticky in Elementor page builder. Because Sticky is a pro feature in Elementor, not everyone can afford it. Most of the people doesn’t have that kind o budget to buy Elementor pro for this type of tasks. All-in-One WP Sticky Anything plugin offers a free WordPress plugin that helps to make any element sticky in Elementor.

Don’t worry about the extra loading time, it will not cause any issue with site’s speed. We have developed the most lightweight technology, and it is optimized for the best speed score. All you need to do is download it and install. After that simply activate the plugin and make sticky anything.

🔥 Features of All-in-One WP Sticky Anything

  • 📌 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.
  • 🔝 Z-index: If other elements on the page overlap or peek through your sticky element, you can easily adjust the Z-index to ensure it stays on top.
  • ✏️ Custom CSS: All-in-One Sticky Anything allows you to customize the appearance of the website using custom CSS.
  • 📍 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.
  • ⏱️ 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.

🌟 Benefits of All-in-One WP Sticky Anything

  • The sticky sidebar will help your visitors navigate easily
  • Allow your visitors find page they were looking for and reduce bounce rate
  • User Experience Improvement

📘 How to use ?

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

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.

Lluniau Sgrin

  • General Settings
  • Sticky Sidebar Settings
  • Custom CSS
  • Tools

Gosod

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

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.

Cwestiynau Cyffredin

Can I make multiple elements sticky?

Yes.

How to sticky anything in WordPress ?

Just use .sticky class.

Will All-in-One WP 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.

I need more help please!

Please use the support forum.

Adolygiadau

Read all 2 reviews

Contributors & Developers

“WP Sticky Anything – Sticky Menu & Sticky Header, Sticky Sidebar” is open source software. The following people have contributed to this plugin.

Cyfranwyr

Cofnod Newid

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