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

<p>All-in-One Sticky Anything easily creates click to call, fixed widgets, sticky elements, sticky header, menu, sidebar, social icons & cookie consent.</p>
<h3>All-in-One Sticky Anything – Click to Call, Fixed Widget, Sticky Header, Menu, Sidebar, Social Icons & Cookie Consent</h3>
<p>All-in-One Sticky Anything on Scroll allows you to make any element sticky on your website, including click to call, sticky headers, sidebars, social icons, and cookie consent notices. The plugin also works seamlessly with the Elementor page builder.</p>
<p>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.</p>
<p>This plugin is perfect for creating click to call, sticky headers, fixed navigation menus, floating sidebars, persistent social media icons, and cookie consent notices that remain visible as users scroll through your site.</p>
<p>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.</p>
<h3>▶️ VIDEO OVERVIEW</h3>
<p><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/Y2IEuGCVu0Y?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>
<h3>🔥 Key Features of All-in-One Sticky Anything</h3>
<ul>
<li><strong>📞 Click to Call (New ⚡)</strong></li>
<li><strong>🎯 Fixed Widget</strong></li>
<li><strong>🎯 Sticky Header & Menu</strong></li>
<li><strong>📌 Any Element Can Be Made Sticky</strong></li>
<li><strong>📍 Sticky Sidebar</strong></li>
<li><strong>📱 Sticky Social Icons</strong></li>
<li><strong>🍪 Sticky Cookie Consent (New ⚡)</strong></li>
<li><strong>✏️ Custom CSS</strong></li>
<li><strong>⏱️ Quick to Set Up</strong></li>
<li><strong>⚡ Blazing Fast</strong></li>
<li><strong>🌍 Works with Everything</strong></li>
<li><strong>🔑 Easy to use</strong></li>
</ul>
<h3>📖 Feature Details</h3>
<p><strong>📞 Click to Call (New ⚡)</strong><br />
Allow your visitors to contact you instantly with a single tap or click! The Click to Call feature displays a floating call button on your website, making it easy for users especially on mobile devices to reach you.</p>
<p>This feature is ideal for businesses, support teams, and service providers who want to increase customer engagement and improve accessibility.</p>
<p><strong>🎯 Fixed Widget</strong><br />
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.</p>
<p><strong>🎯 Sticky Header & Menu</strong><br />
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.</p>
<p><strong>📌 Any Element Can Be Made Sticky</strong><br />
 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.</p>
<p><strong>📍 Sticky Sidebar</strong><br />
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.</p>
<p><strong>📱 Sticky Social Icons</strong><br />
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.</p>
<p><strong>🍪 Sticky Cookie Consent (New ⚡)</strong><br />
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.</p>
<p><strong>✏️ Custom CSS</strong><br />
All-in-One Sticky Anything allows you to customize the appearance of the website using custom CSS.</p>
<p><strong>⏱️ Quick to Set Up</strong><br />
It doesn’t require any pro skills to download and install the plugin. You can download itself and install it on your WordPress dashboard.</p>
<p><strong>⚡ Blazing Fast</strong><br />
Make anything sticky element in one or less time.</p>
<p><strong>🌍 Works with Everything</strong><br />
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.</p>
<p><strong>🔑 Easy to use</strong><br />
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.</p>
<h3>🌟 Benefits of All-in-One Sticky Anything</h3>
<ul>
<li><strong>Reduce Bounce Rate</strong> – Keep navigation accessible at all times</li>
<li><strong>Improve User Experience</strong> – Visitors find what they need faster</li>
<li><strong>Boost Social Engagement</strong> – Social buttons always within reach</li>
<li><strong>Stay Compliant</strong> – Cookie notices remain visible for legal requirements</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>


All-in-One Sticky Anything – Click to Call, Fixed Widget, Sticky Header, Menu, Sidebar, Social Icons & Cookie Consent


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


Great plugin

All-in-One Sticky Anything easily creates click to call, fixed widgets, sticky elements, sticky header, menu, sidebar, social icons & cookie consent.

Sticky images for Elementor vs All-in-One Sticky Anything – Click to Call, Fixed Widget, Sticky Header, Menu, Sidebar, Social Icons & Cookie Consent