Add sticky social media buttons to Wordpress Website using Elementor

Add sticky social media buttons to Wordpress Website usi…. Category: Wordpress Design with Elementor, Tags: Elementor Tutorial Wordpress, Sticky Social Media, S

Add sticky social media buttons to WordPress Website using Elementor

Add sticky social media buttons to WordPress Website usi…

Hey designers! Want to add sticky social media icons or buttons to your WordPress site? Well, Elementor is the only plugin that you need to do that.

Get Elementor Pro:
https://bit.ly/designelementorpro

You can do with both the free version and the Pro version and I showed you both ways in the video above.

Social media icons are built into Elementor Pro so you have the sharing widget out of the box. But if you have the free version install any of the following third-party Plugins:

1: https://wordpress.org/plugins/easy-social-sharing
2: https://wordpress.org/plugins/custom-share-buttons-with-floating-sidebar
3: https://wordpress.org/plugins/mashsharer/

[MAKE SURE ANY PLUGIN THAT YOU INSTALL SUPPORTS SHORTCODE FEATURE]

Code to be added to Elementor Pro version Custom CSS for Sharing Widget[to custom position the widget]:

selector{
top:520px;
}

If you’re using the Elementor free version First drag and drop HTML widget and follow the instructions in the first comment.

**Some Important Links**

Elementor Custom Breakpoints Tutorial:
https://youtu.be/xY0_iC72ca4

Join the Facebook Group: https://www.facebook.com/groups/designschoolwp

Design your website:

Build your website:

Customise your website:

…  

View our service SEO Temple Web Design

 

Add sticky social media buttons to WordPress Website using Elementor Description

Add sticky social media buttons to WordPress Website usi…. Category: WordPress Design with Elementor, Tags: Elementor Tutorial WordPress, Sticky Social Media, S

Add sticky social media buttons to WordPress Website using Elementor Tags

Elementor Tutorial WordPress, Sticky Social Media, Sticky Social Media Buttons WordPress, Sticky Social Media Floating Sidebar With Css, Sticky Social Media Icons, Sticky Social Media Plugin WordPress, WordPress Tutorial

Watch Add sticky social media buttons to WordPress Website using Elementor on YouTube

WordPress Design with Divi

 

Related Posts on MayanSEO Blog

We offer White Label SEO

Our prices start at $450 USD per month

You can reach us using the following form:

[]
1 Step 1
keyboard_arrow_leftPrevious
Nextkeyboard_arrow_right

5 Comments

  1. Design School by Wpalgoridm

    If you're using the Elementor free version drag and drop HTML WIdget anywhere and then first the code below, Click on shortcode widget and under advanced give it a unique class name:

    <style>
    .yourclassname{
    top:520px;
    }
    </style>

    DONT FORGET TO REPLACE your class name with the name that you have typed.

    Reply
  2. Laugh Out Loud Apparel

    If you turn "stay in column" to on you don't need to worry about z index. The share buttons will stay in the column and won't keep scrolling to the footer

    Reply
  3. Sachin Dennis D'souza

    Hello, I had a favor to ask from you, I am trying to achieve a particular output in elementor for my website, so basically, in my first section i have the logo set, at a section level, then right under that i have my nav bar section, which I want it to scroll all the way till the top and the stick right there, is there a way I can achieve that ? I hope you were able to imagine what I was looking for,
    Thanks for your help.

    Reply
  4. Muhammad Rehan

    Nice way to induce people to buy elementor . This video has nothing to do with free elementor.

    Reply
  5. Gregory Dee

    very helpful vid thanks! i liked even though you dont have them switched on..

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *