Gal Dubinski

Tomer Aharon

Premio

<p>WP Sticky Sidebar plugin will make your floating sidebar menu visible at all times, making it permanently visible while scrolling. The biggest problem with default sidebars is that they can be seen only when the user is in a particular viewport where the sidebar appears. So what’s wrong with that? The biggest problem is that your visitors can’t navigate easily from anywhere on the site using the sidebar menu, and in many cases your bounce rate will skyrocket because you will find that your website’s visitors are leaving the site because they did not find what they were looking for.</p>
<p>Once you install the plugin, your fixed sidebar menu will always be visible, and this will increase your website’s usability, accessibility and therefore will increase your general conversion rate. If you want to change the CSS style, disable on scroll down or disable on specific pages. check out the <a href="https://premio.io/downloads/wpstickysidebar/" title="WP Sticky Sidebar pro plans" rel="nofollow ugc"><strong>Pro version</strong></a>.</p>
<h4>BENEFITS</h4>
<ul>
<li>Your floating sidebar menu will help your visitors navigate easily through your site</li>
<li>Allow your visitors find page they were looking for and reduce bounce rate</li>
<li>Super easy to install, usually will work out of the box</li>
</ul>
<h4>HOW DOES IT WORK</h4>
<p>By default, it uses “#secondary” css id under “Sticky Class” setting field and that should be modified for different themes to make them work. Don’t forget this, it’s a mandatory field for certain themes. Use additional margin top to fine tune sidebar menu position.</p>
<p>Sticky sidebar plugin will work out of box with some themes which use “#secondary” id for sticky sidebar menu by default such as: Twenty Sixteen, Twenty Fourteen, Twenty Twelve, Total, Flat Bootstrap and many more… Plugin is localized (multi language support) and will allow you to create a responsive fixed sidebar (as far as your theme is).</p>
<h4>WHAT DO YOU GET IN THE FREE PLAN?</h4>
<ul>
<li>
<p>Sticky Sidebar Class: CSS class or id of the sidebar element desired to be sticky. Defaults to “#secondary”. This is mandatory field and it must be filled!</p>
</li>
<li>
<p>Container Class: Container element class or id. If left blank script will try to guess. It must be element that contains both sidebar menu and content. Usually it is #main, #main-content or #primary. Mostly this parameter is not needed for majority of themes.</p>
</li>
<li>
<p>Additional Top Margin: An additional top margin in pixels to your floating sidebar.</p>
</li>
<li>
<p>Additional Bottom Margin: An additional bottom margin in pixels to your floating sidebar.</p>
</li>
<li>
<p>Disable sidebar stickiness if screen width is smaller than: this feature will prevent the appearance of the sticky sidebar.</p>
</li>
<li>
<p>Update floating sidebar menu height: Troubleshooting option, try this if your sidebar menu loses its background color. True or False.</p>
</li>
</ul>
<h4>WHAT DO YOU GET IN THE PRO PLAN?</h4>
<ul>
<li>Disable floating sidebar on Desktop/Mobile</li>
<li>Add CSS style to the sticky sidebar – create your custom sidebar</li>
<li>Disable floating sidebar on specific pages, front page, blog page, posts, categories, tags, archives<br />
<a href="https://premio.io/downloads/wpstickysidebar/" title="WP Sticky Sidebar pro plans" rel="nofollow ugc"><strong>>>> See Pro plans here</strong></a> </li>
</ul>
<h4>Testimonials</h4>
<blockquote>
<p>“I was using my default theme’s sticky sidebar, but it was not working as I want on my blog, then I got this plugin and it worked perfectly.”</p>
<p> <strong>Divesh Diggiwal, </strong> WebTechPreneur</p>
</blockquote>
<p>Plugin integrates magnificent <a href="https://github.com/WeCodePixels/theia-sticky-sidebar" rel="nofollow ugc">Theia Sticky Sidebar</a> v1.7.0 javascript code (Released under the MIT license, Copyright 2013-2016 WeCodePixels and other contributors) with WordPress</p>


WP Sticky Sidebar – Floating Sidebar On Scroll for Any Theme

Thank you

Works very well

WP Sticky Sidebar plugin will make your menu or header stick to the side of page, after desired number of pixels when scrolled 📌

Monzur Alam

<h4>WP Sticky Anything – Sticky Menu & Sticky Header, Sticky Sidebar & Sticky Social Icons</h4>
<p>WP Sticky Anything on Scroll plugin allows to you make any elements sticky or sticky Header, Sticky Sidebar & Sticky Social Icons on your website. It also works in Elementor page builder.</p>
<p>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.</p>
<p>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.</p>
<h3>▶️ VIDEO OVERVIEW</h3>
<p><iframe loading="lazy" title="Sticky Anything   Sticky Header or Element in WordPress" width="750" height="422" src="https://www.youtube.com/embed/Y2IEuGCVu0Y?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>🔥 Features of All-in-One WP Sticky Anything</h3>
<ul>
<li><strong>📌 Any Element Can Be Made Sticky</strong>: 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.</li>
<li><strong>🔝 Z-index</strong>: 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.</li>
<li><strong>✏️ Custom CSS</strong>: All-in-One Sticky Anything allows you to customize the appearance of the website using custom CSS.</li>
<li><strong>📍 Sticky Sidebar</strong>: Want your sidebar to stay visible while scrolling? You can enable this feature by going to Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Sticky Sidebar and switching on “Enable Sticky Sidebar.”<br />
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).<br />
📝 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.</li>
<li><strong>📱 Sticky Social Icons (New ⚡)</strong>: 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.</li>
<li><strong>⏱️ Quick to Set Up</strong>: It doesn’t require any pro skills to download and install the plugin. You can download itself and install it on your WordPress dashboard.</li>
<li><strong>⚡ Blazing Fast</strong>: Make anything sticky element in one or less time.</li>
<li><strong>🌍 Works with Everything</strong>: 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.</li>
<li><strong>🔑 Easy to use</strong>: 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.</li>
</ul>
<h3>🌟 Benefits of All-in-One WP Sticky Anything</h3>
<ul>
<li>The sticky sidebar will help your visitors navigate easily</li>
<li>Allow your visitors find page they were looking for and reduce bounce rate</li>
<li>User Experience Improvement</li>
</ul>
<h3>📘 How to use ?</h3>
<p>Just use sticky class to sticky anything.<br />
Example: <code><div class="sticky">I am stikcy</div></code></p>
<h4>Create Sticky Header in Astra Theme – 3 Easy Method</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/AoaESe5hKJY?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Create Sticky Header in Neve Theme – 3 Easy Method</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/k4XrAjqK98A?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Create Sticky Header in Elementor</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/HoqbZcAFYFE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<p>Open any page with Elementor <span aria-hidden="true" class="wp-exclude-emoji">→</span> Select a container or section <span aria-hidden="true" class="wp-exclude-emoji">→</span> Go to the <strong>Advanced Tab</strong> <span aria-hidden="true" class="wp-exclude-emoji">→</span> <strong>Sticky Anything</strong> <span aria-hidden="true" class="wp-exclude-emoji">→</span> Enable Sticky Settings.</p>
<h4>Credits</h4>
<p>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.</p>
<p>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.</p>


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


This plugin worked with minimal setup and saved me a lot of time.


Great plugin

WP Sticky Anything on Scroll plugin allows to you make any elements sticky or sticky Header, Sticky Sidebar & Sticky Social Icons on your website.

WP Sticky Sidebar – Floating Sidebar On Scroll for Any Theme vs WP Sticky Anything – Sticky Menu & Sticky Header, Sticky Sidebar & Sticky Social Icons