---
title: "How to Add Sticky Social Icons in Elementor?"
url: https://theplusaddons.com/docs/add-sticky-social-icons-in-elementor/
date: 2024-07-03
modified: 2026-04-09
author: "Aditya Sharma"
description: "Do you want to create sticky social icons in Elementor? These floating social icons remain visible on the screen, even as the user scrolls down the page, making it easily..."
image: https://theplusaddons.com/wp-content/uploads/2024/07/How-to-Add-Animated-Headings-In-Elementor-1-4-1024x565.jpg
word_count: 254
---

# How to Add Sticky Social Icons in Elementor?

## Key Takeaways

- The Plus Addons for Elementor Social Sharing widget allows users to align social buttons vertically and make them fixed.
- Users can adjust social button spacing and size from the Style tab in the Social Sharing widget.
- To create sticky social icons, users select Fixed from the Position dropdown in the Advanced Layout tab.

Do you want to create sticky social icons in Elementor? These floating social icons remain visible on the screen, even as the user scrolls down the page, making it easily accessible to your website visitors.

With the Social Sharing widget from The Plus Addons for Elementor, you can easily align the social buttons vertically and make them fixed in Elementor.

*To check the complete feature overview documentation of The Plus Addons for Elementor Social Sharing widget, [click here](https://theplusaddons.com/docs//add-social-share-in-elementor/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-social-sharing-buttons/)

https://www.youtube.com/watch?v=PIfGW6Kxs2M&t=553s

To do this, add the Social Sharing widget to the page or post template and follow the steps -

1. Select **Vertical** from the **Layout** dropdown.

![](https://theplusaddons.com/wp-content/uploads/2024/07/social-sharing-vertical-new.gif)

Select the appropriate style from the Style dropdown.

2. Then select the ideal view type from the **View Type** dropdown. For this type of style, the **Icon** view type would be best.

3. After that add the required social buttons and adjust the style from the **Social Sharing** section.

You can adjust the social button spacing and size from the **Style** tab.

4. Then go to **Advanced** > **Layout** tab and select **Fixed** from the **Position** dropdown.

After that, you can adjust the horizontal and vertical orientations and their respective offset value as per your requirements. 

Now you’ll see sticky or floating social sharing buttons as you scroll through the page.

![](https://theplusaddons.com/wp-content/uploads/2024/07/social-sharing-vertical-fixed-demo.gif)

***Suggested Reading***: [*How to Add Social Share Toggle Button in Elementor?*](https://theplusaddons.com/docs//add-social-share-toggle-button-in-elementor/)

## Frequently Asked Questions

**Q: What if my sticky social icons are not showing up in Elementor?**
A: If your sticky social icons are not appearing, ensure that the Social Sharing widget from The Plus Addons for Elementor is properly installed and activated. This widget is essential for creating floating social icons. Additionally, check that you have selected 'Fixed' from the Position dropdown in the Advanced Layout settings. If this setting is not applied, the icons will not remain sticky while scrolling.

**Q: Can I use the Social Sharing widget for specific social media platforms?**
A: The Social Sharing widget allows you to add various social buttons, enabling visitors to share your content on platforms like Facebook, Twitter, and LinkedIn. You can customize which social buttons to include by adding the required buttons in the Social Sharing section. This flexibility makes it easy to target specific audiences based on the platforms they prefer.

**Q: What layout works best for sticky social icons in Elementor?**
A: For sticky social icons, selecting 'Vertical' from the Layout dropdown is recommended. This orientation helps maintain visibility and accessibility as users scroll down the page. Additionally, using the Icon view type from the View Type dropdown enhances the visual appeal and ensures that the icons are easily recognizable.

**Q: How do I adjust the position of my sticky social icons?**
A: You can adjust the position of your sticky social icons by modifying the horizontal and vertical orientations in the Advanced Layout settings. This allows you to fine-tune their placement on the page to better fit your design. Setting the appropriate offset values is crucial to ensure that the icons do not overlap with other content.

**Q: Are there any common mistakes when setting up sticky social icons?**
A: One common mistake is forgetting to set the Position dropdown to 'Fixed' in the Advanced Layout settings. If this option is not selected, the icons will scroll with the page instead of remaining fixed. Another mistake is neglecting to adjust the button spacing and size, which can affect the overall appearance and usability of the icons.

**Q: Is there a way to add a toggle button for social sharing in Elementor?**
A: Yes, you can add a social share toggle button in Elementor using a different widget from The Plus Addons for Elementor. This feature allows for a cleaner look by hiding the social icons until the toggle is activated. For detailed instructions, check out the guide on [how to add a social share toggle button](https://theplusaddons.com/docs//add-social-share-toggle-button-in-elementor/).