How to Create a Sticky Sidebar in Elementor [New Version

No video

How to Create a Sticky Sidebar in Elementor [New Version - 2020]

Рет қаралды 31,563

Күн бұрын

Do you want to know how to create a sticky sidebar in Elementor? One that scrolls as your website visitor scrolls down the post or page. That's what I show you how to create in this Elementor tutorial!
In this Elementor tutorial, I show you three methods for creating a sticky sidebar in Elementor:
1) Making a single widget stick.
2) Using an inner section widget to make multiple widgets stick.
3) Using the sidebar widget to make multiple widgets stick.
Upgrade to Elementor Pro here:
❤️ rebrand.ly/Buy...

Пікірлер: 55

@cherellepayne3670 3 ай бұрын

I have watched a ton of videos and tried coding this myself. This was the best video I found.

@rahiminezhad 2 жыл бұрын

Thanks you for this quick guide. it saved me at 5:00am that I didn't get to sleep yet and I was working on creating a sticky sidebar in stupid ways before see your video.😂

@AllThingsElementor 2 жыл бұрын

Awesome, glad that my video helped!!!

@IndianNewsTimes 3 ай бұрын

Nice tutorials ❤

3 жыл бұрын

eu estava a tempo procurando como fixar a barra lateral. Obrigado mesmo!!!

@AllThingsElementor 3 жыл бұрын

Com muito prazer!

@irinaingal9398 3 жыл бұрын

Thanks, Ed, it is very helpful!

@AllThingsElementor 3 жыл бұрын

Glad it was helpful!

@exploringgnawing3248 3 жыл бұрын

Worked wonders. Thanks

@AllThingsElementor 3 жыл бұрын

Great to hear!

@sivisgmbh 3 жыл бұрын

Thank you for the video. Very helpful!

@AllThingsElementor 3 жыл бұрын

Glad it was helpful!

@adnanmalik6474 2 жыл бұрын

thanx for your help section sticky easily

@antonio0000x 2 жыл бұрын

It worked! Thanks.

@sterlex3923 3 жыл бұрын

thank you

@AllThingsElementor 3 жыл бұрын

You're quite welcome!

@Waladhoolin 3 жыл бұрын

cool, with better sound :)

@AllThingsElementor 3 жыл бұрын

Yep much better! With the other video, I accidentally recorded it through my computer instead of my mic. :)

@wolfgangtuppeck9886 Жыл бұрын

Thanks for your Video

@seranade50 Ай бұрын

why do I see astra sidebar only on blog pages and blog archive pages, but not on homepage or about pages that I have edited with Elementor?

@DimitriosMaroulis1987 3 жыл бұрын

Nice video, however bear in mind that the 3rd option is not available to those who are using hello theme, as they cannot display Appearance -> widgets area.

@AllThingsElementor 3 жыл бұрын

Thanks Dimitrios, appreciate the information. I've never used the Hello Theme so I wasn't aware of that.

@emmaculbert1789 3 жыл бұрын

Thank you this! I am trying to make my main navigation a sticky side bar. Will this work?

@AllThingsElementor 3 жыл бұрын

You're welcome! I assume this is what you want to do? elementor.com/blog/how-to-create-sticky-sidebar-menu/

@suniljoseph7956 3 жыл бұрын

Useful tips, well presented!

@AllThingsElementor 3 жыл бұрын

Glad it was helpful!

@techbd3112 2 жыл бұрын

Nice Tutorial you are great tutor

@amyreis6473 3 жыл бұрын

Thanks for a great video! Is there any way to stop the sidebar scrolling into the footer? I tried making the footer sticky to the bottom but then it is always visable.

@AllThingsElementor 3 жыл бұрын

Hi Amy - You can only do this with the first (single widget) or last (sidebar widget) method. Just choose the "stay in column" option. Unfortunately, that option doesn't exist for the second method (inner section widget).

@hans3685 Жыл бұрын

Thank you.. very helpful! But I quickly got another problem... my sticky element gets covered by the section border shapes, I use in the following sections... adjusting the Z-Index has no effect on that. So sometimes the sticky element is visible, and sometimes not. Depending on wether there is a border shape in that particular section, or not. Did someone have an similiar problem?

@eatblogtravel Жыл бұрын

DO you have a blog post on how to create a regular sidebar. I use a template for blog posts and I am at the point where I want to incorporate a sidebar for advertising. Is there a way to create a sidebar and add these to new and more importantly old posts as well.

@fagunshah8993 3 жыл бұрын

Life saver video

@AllThingsElementor 3 жыл бұрын

Awesome, glad it helped!!!

@shahnewaz3835 3 жыл бұрын

I used your 3rd option still sidebar overlapping. How can I fix it?

@AllThingsElementor 3 жыл бұрын

Hard for me to say without having access to the backend of your website. Have you tried reaching out to Elementor customer support? That is something that they should be able to help you with.

@babarnaveed1037 3 жыл бұрын

Sir is there any solution in the 2nd sticky side bar option it's won't over lap to footer section and stay in column like other two sticky sidebar.

@AllThingsElementor 3 жыл бұрын

As I mentioned in the video, you can only prevent the overlap using the 1st or 3rd options.

@andonisr 3 жыл бұрын

Using Hello theme is not bleeding in footer! Haven't tweaked it in any other way either!

@AllThingsElementor 3 жыл бұрын

@@andonisr Good to know. As I mentioned, I've never used Hello theme so no way for me to know.

@soulipsyz Жыл бұрын

There is no "sticky" option anymore.

@angetay67 3 жыл бұрын

I used the 1st method, but I don't see the "Stay in Column" option

@AllThingsElementor 3 жыл бұрын

Hmmm...that's weird. What do you see?

@angetay67 3 жыл бұрын

@@AllThingsElementor Once I select Top or Bottom, that option doesn't appear. I have the upgraded pro version and made sure the plug-in was up to date.

@angetay67 3 жыл бұрын

@@AllThingsElementor That weird 😳 Now I see it

@angetay67 3 жыл бұрын

It only shows for the inner section , not the main section. If that makes sense.

@AllThingsElementor 3 жыл бұрын

@@angetay67 Yes, same for me. Glad you got it sorted out!

@jl1090 3 жыл бұрын

using elementor pro and it's not sticking???

@AllThingsElementor 3 жыл бұрын

Hmmm...which of the 3 methods did you use?

@irinaingal9398 3 жыл бұрын

Hi Ed, I don't have "Sticky" option in "Motion Effects". There's only "Entrance animation" choices and nothing from what you have. I have a new website and installed elementor just a week ago. Any ideas? Thanks in advance!

@AllThingsElementor 3 жыл бұрын

Hi Irina, which of the three methods that I talk about in the video are you using?

@irinaingal9398 3 жыл бұрын

@@AllThingsElementor Sorry, I missed your message. I tried all of them. Eventually, I made it with a plugin "sticky everything" Your method seams to be easier but for some reason it didn't work for me

@AllThingsElementor 3 жыл бұрын

@@irinaingal9398 That's strange but I'm glad you found something that works for you!

@techbd3112 2 жыл бұрын

I am also a Android developer

@techbd3112 2 жыл бұрын

Sir do freelancing and make me your online helper