Changing Headers On Scroll with Elementor Sticky Headers | Sticky Header effect | Elementor Pro

my first time that I comment a tutorial, I wanna just say "NICE JOB".
THANK YOU!!!

terrible solution for SEO creating double header.

can you help me, how to set up for mobile?

Thanks, you're the man

Thank you very much, your trick has saved me this project and many more in the future, you are a boss brother

Thanks brother

I have been toiling for a long time for this with no luck. Thanks a million!!!

Thank you !!!!

thanks for the tutorial

I used a cuztomed icon in svg. a white one and a blue one, but when I want to put the white one, it doesn't show. It changes the color to blue :( Why?? I can't have an icon of different color

Billion million trillion thanks for your wonderful tutorial. It was exactly what I needed, PLUS .. no one did a tutorial like this. All other videos are about swapping headers, not revealing header at a special pixel point of a page. you've been HELPFUL !

tnku very much it worked

NICE JOB !!!! I LOVE YOU!

Depois de assistir mil vídeos... Somente o seu me ajudou! Obrigado!

Thank you so much!!

This didn't work. Don't waste your time.

That's Great

i like your music. whats it alled

Sir kindly plz tell me how we can setting the custom post types ?

The second header does not disappear after I scroll back up, any advice? I followed every step exactly the same. Thank you!

I used this for different sites and it works, for some reason, the website I am currently working on, the sticky header is not working.

Anyway you could also make it mobile friendly?

This is what i looking for... Thank you...

thank u so much

not working

I tried to apply what you showed in the header from transparent to color. It worked after I added a command to the css and it went like this:
/* Slide In From The Top Option */

.header-2 {
transform: translatey(-80px);
-moz-transition: all .3s ease!important;
-webkit-transition: all .3s ease!important;
transition: all .3s ease!important;
height:0px /* i add this */
}


.elementor-sticky--effects.header-2 {

height: auto!important;
transform: translatey(0px);
}

.elementor-sticky--effects.header-1 {
display: none!important;
}

/* End Of S

Hello, greetings from Turkey, first of all, thank you for this informative content, I applied in the same way, no problem, only the header is double in the mobile version, how can we solve this on mobile?
You need urgent help on this matter :) I would appreciate it if you could help :) translation google translate,

Very good tutorial, thank you so much for sharing this!

mine has a little black gap on the top. Part of the black header is somehow showing thorugh above the text.

Nice

Amazing 😍

Man you are a life saver
Worked flawlessly

brother how t to add fade in animation please reaply

the best I've seen so far!!!! thank you!

Really good tutorial, worked flawlessly. Thank you!

does it require elementor pro?

Nice : )

Thank you so much ^^

Are you sure you put in enough please subscribe animations? I think you can put 3 more in there.

Thanks for this tutorial. Very helpful