Michael

<p>Keep images in the center of the screen while scrolling down.</p>


Sticky images for Elementor

Keep images in the center of the screen while scrolling down.

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.

Sticky images for Elementor vs WP Sticky Anything – Sticky Menu & Sticky Header, Sticky Sidebar & Sticky Social Icons