How to Create a Sticky Header on WordPress (With One Click)

I wish I could go back to this time

why are these videos so completed? i searched lke 10 videos trying to find out how to do this and i turns out to be SUPER EASY! (July 2024)

Thank you😊😊

Thankyou so much for the video

wow, this is a very important video, Thanks

love from pakistan

make a new video on this topic for a new elementor version for 2023

i just try this sticky setting, but there is no sticky menu and also inner section widget. Is it only can use in pro?

Hi!

In the browser of Google chrome version: 111.0.5563.65 The sticky is not working

It's only on Pro features 😑, divi offers for free, time to switch divi.

If you're watching this in 2022, instead of Scrolling Effects, the feature is under Motion Effects > Sticky.

Thx and god bless u 😊

Does sticky header not work on mobile..? I can't get it to work for some reason.

The video is out of date. There is no Scrolling Effect anymore

Can you please explain how you got the social icons in the sticky header? Thank you.

This functionality is only available in the paid Pro version.

Very Helpful

Thank you!

you should say if it's just for elementor pro user

Great video! I missed that you can't edit header when you have imported it on a home page , you must edit header template first

This doesn't seem like "(With One Click)" =)

This functionality is not present in Elementor if the header comes from the theme.

Does this still work if your custom header contains two sections? On my pages, only the top section is sticky.

Hi, how do i remove the old header I created with my wordpress dashboard, before I started on Elementor?

But scrolling effect is not shown in my elementor . If you have any sollution.

i dont have a scrolling effect in my Section advanced..... Where did it go?

Hey there! Is this only available on Pro? Scolling Effect is not an option on the version I'm using. I only see Advanced, Responsive & Custom CSS.

Hello, I saw you have phone number and email on your top header. I am wondering is this top header part responsive? I am using Elementor Pro through a purchased theme. On my website, the top header elements (phone number and email) are not clickable. And on mobile device they are not show up.

So, I am wondering how to make the top header phone number and email clickable? and

how to let top header (the phone number, email, or phone number icon, email icon) show up on mobile device (tablet and iPhone and other smart phones). Thank you

Can someone help me. I don't have the scrolling effect option and when I clicked off stretched it still doesn't appear.

What if you don't have that and you're using ele pro v9??

Thank you ... Please how to make a transparent menu?

This is the pro version?

Great new feature, bravo!

I love this feature <3

Its great, however doesnt work with a stretched header

I just update Elementor to 2.0.8. and Elementor Pro to 2.0.3. but I don't see that "scrolling effect" option in advanced when I have section selected in my header template.

Amazing thanks!

What about a transparent menu? Or better still. An option to have two separate menus for when the page loads (say a transparent one) and the normal sticky one (probably with a background).

Can it also be done on custom header?

Is this available for elementor free version?

Finally!

Please add a shrink effect

Could you add Sticky Header only when you scroll up? When you go or scroll down, you do not need Sticky Header. Thank you :)