hey there this is adverse AG and in today's video what I want to do is I want to show you how to create a sticky column or a sticky sidebar in element or pro now this is a feature specifically of Elementor Pro if you have the free version this is not something you can do there's a plugin you can buy via jet elements that also has this feature I haven't personally used it I do have a different plugin from jet elements that works very well so I do believe that they have quality products but you know I think in general my opinion is you know you're better off going with a pro version of element or if you want a feature like this because you know you get so many other features to go with it this is you know kind of a nice little add-on they have that I think you know is a kind of a neat trick that you can do with element or pro that you can't do with a free version so what I want to do is I want to show you what is a sticky column what is a sticky sidebar you know just in case you're not familiar with that concept so what happens you know this is a blog post this isn't built with element or I'm just you know using it as an example you've got here a blog post and you've got the sidebar here so you scroll down you're reading the the blog post and what you see is these these things on the sidebar they disappear that go away and there's really nothing over there that draws your attention your attention is focused here reading the blog post and so you know this this website has put together this very nice-looking sidebar but you know people ignore it because it's just there's nothing there that visually draws your attention you know no matter what you have there it just doesn't do exist you know it moves it disappears as you're scrolling down now but I want you to take a look as we get further and further down take a look here at this element here this is an a behalf here on their blog post this is going to stick as we keep scrolling down it's going to stick and it's going to because it sticks look it's stopped so this you know keeps moving but this stays in place that draws our attention to this element and says hey this is something maybe I want to take a look at maybe I want to pay attention to so that's the value of having a sticky column or sticky sidebar is that you know you can draw people's attention to something that is a value that you can't do when you've got you know this kind of normal side bar just doesn't do it so how can you do something like that in Elementor so I'm gonna show you here I've got this blog post design here and you know you could do this also on a page it doesn't have to be a blog post but you know for the most part people would tend to do this on a on a blog post so first thing I'm going to do is I'm going to come over here and I want to do no I'm sorry I want to add a column okay now I'm gonna move this over here he's normally obvious you want your sidebar to be a lot lot thinner than your main content so you've got to there are two elements in or two kind of options for creating a sticky column or sticky sidebar first one is to use an intersection and the second option is that the individual elements also have that feature so let's take a look one thing you could do for example you've got a sidebar widget here again this is a pro widget so you could just slide that in drop it over and you select your sidebar I've got one set up already you know you set this up in WordPress by going to appearance and then widgets and then you know you can set up put what you want there so I've got a follow us I've got recent posts and I've got Dada's video here okay and so I could what I'm gonna do then is I'm gonna come to this sidebar and go to advanced and I then go to motion effects and under motion effects you'll see something that says sticky and you simply click pop and then you can put it there got options desktop tablet mobile you'll want to take a look at how it looks down here under the responsive mode because particularly mobile the sidebar tends get pushed to the bottom so there's really no point in having a sticky sidebar of the mobile because it's not really going to even appear like a sidebar and the tablet might work you know it depends on the dimensions of your of your pages in your post so that you know you'll need to take a look at that and see but you can you know you can toggle these on or off you've got options do that either desktop is a place where you definitely want to have it so I got it's sticky and let's take a look at what happens you can see boom it sticks flows it stays there in place now you do have a lumen you can see that this is a you know because I've got these three different elements that are all sliding along on you know there is a limit what I found for example here I have three recent posts but if I put five of them then it doesn't really slide right so you do have a bit of a limit in terms of what you can kind of stick here on the side but again you know you see that that stays in place while the blog post use along so you know people don't lose this here they can you know might draw their attention that way by having it stick there so that's one way to do it is by doing individual individual elements designing a sidebar and dropping it in there a second option is to I'm gonna delete this so do using an intersection so slide an intersection in here then will delete one of the columns because obviously we want to make this a one column thing and then I'll move some elements in there again maybe I want a video I might want a some share buttons those in here and let me just get rid of these from the Google+ isn't worth having an oops oh yeah you gotta make this just icon only at all going to columns so and you know you can style the sidebar if you want you know I'm just doing the basics here because I don't want to you know waste your time styling this thing but you know obviously you can change the background color put spacing between these elements change the size however you want um okay and then we come over here maybe want to put some recent posts so we can put some posts over here put that up there and we'll make this three posts and let me get one column okay so again here what I can do then is I can come up here to the to the intersection click on edit go to advanced and again you've got the motion effects and you come over here to sticky and you click pick top and again you can toggle on off desktop tablet mobile and then again you see at 6 now what what you're seeing again as I showed you that kind of too much here that video that I put in there isn't showing showing up only you know this you can only stick as much as the size of the screen here so you do need to kind of pick and choose how you want to set this up you know you can't have everything stick in this case you know because you have it stuck um you know the video ends up not showing up and I'm only and not getting all the blog posts either so you do need to be careful about how you set this up so again that's another way to do it is to drop it into an intersection now you may have a situation where again perhaps a better way to do something like this you know normally I've got three four five six things on your sidebar you may only want one or two of those that stick so um what you can do is you can drop the items that you want to have stick into I'm going to delete that drop those into the intersection the one you don't want to have stick uh put outside of the intersection just put into a into a regular section okay so this now these share buttons are in the intersection this video is in the just a regular section and so you see that the share buttons stick and the video doesn't so you can kind of you know mix and match have some of the things stick and some of them not um that's probably how you would want to do this what I did find is if you've got multiple multiple items that you want to have stick you'll need to put those multiple items inside of the intersection if you do then individual a go here to the intersection oops I didn't mean to duplicate that if I go in here and edit it and I'm gonna turn this off here and instead put the sticky on in the individual item so I'll go to edit video advanced go down to motion effects and click sticky top and do the same here with these share buttons go to advanced go to motion effects sticky top okay so what happens what you're gonna see is only one of them or actually I mean look it ends up sticking one on top of the other right they both stick but it doesn't really stick the way you'd want them to so what you've got to do is you in a case like this you've got to put them both into the intersection and then and then put the intersection intersections sticky so I'll show you real quick and we'll turn that off on the individual item come over here on the video turn that off and move the video back into the inner Supes video back into the intersection there we go looks like it's in there and then we'll make the intersection stick okay come over here boom okay and again now you'll see when you've got them both in the intersection there you know in the intersection is sticky now you see they both scroll very nicely together but if you've got them set up both via their own their own individual item as a sticky thing it doesn't work well so you have to plan out how you want to do this how you want to set up the sticky the other thing I'll tell you is you know you could do this on both sides too I've seen that on some blog posts where you know you've got some things over here you know maybe you've got a photo of your lead magnet that sticks and then over here on the other side you've got social share buttons that stick and so you know you can do it on both sides you're not limited just to one side in terms how you set this up so that's it that's how you set up a sticky column or a sticky sidebar in element or an element or pro if you have questions or comments please let me know in the video please follow me hit the subscribe button and also notification bell I've got more videos coming out tutorials for how to use different features of element or particular element or pro but also some basic features as well and if you're not currently a subscriber to element or pro again I encourage people to buy it you know again I am a big believer in Elementor pro I bought it when it first came out and I subside you know risa scribe every year I think it's by far in my opinion the best website builder there is I will put my affiliate link in the video in the description if you do buy from me I do receive a small commission that does help me to continue to make videos like this so that's it I hope this video was of value to you and I hope you have a great day bye .
You'll need Elementor Pro in order to create a sticky sidebar or sticky column. Which you can buy here:
Please note: This is an affiliate link. If you buy Elementor Pro using my link, you pay nothing extra and I receive a small commission. Thanks for your support!!!