Change To A Different Header On Scroll Using Elementor

Learn how to switch to a different header on scroll with Elementor
Maxime - Elementor Codes
/ @elementhow691
Source Code:
element.how/elementor-change-...
🔵 Join Our Facebook Community!
bit.ly/urielsotofbgroup
🟢 Tech Support:
urielsoto.com/services/
🟢 My Web Agency:
vluxdesigns.com/
MY COURSES:
🟣 Elementor Mobile Responsive Course
bit.ly/elementormobile
🟣 Website Building Factory Course
bit.ly/websitebuildingfactory
PRODUCTS I USE FOR MY WEBSITES:
🔴 Get Elementor Pro - My Favorite Page Builder
bit.ly/urielelementorpro​​​​​​​​​
PRIVATE GROUP:
🔵 Join My Patreon & Get Design Downloads
bit.ly/uspatreon
CONTACT ME:
My Website: urielsoto.com/​
Facebook: / urielsotodev
Linkedin: / uriel-soto-976b3117a

[@mohamedlarbilaib1438]

Thanks very much! You save my life. It was really helpful.

[@macropsialberto]

Very useful, thanks a lot!, Greetings from Bogotá, Colombia :)

[@Javiergcrespo]

Thank you so much, it was very helpful

[@sandsand5173]

You are the one who saved me, after my departure from long agony and many attempts. Thank you from the heart.
I tried to add a third header.
so that I lay from under,
like a page footer,
Unfortunately, the experiment was not successful.
I hope if you can help me😢
Thank you very much

[@P1CKUPTHEPACE]

you always have the video I need bro and explain it in the perfect way.

[@UrielSoto]

That means a lot man. I always wonder if I explain things properly.

[@user-xk5vr8gs3i]

Thank you very much. It worked

[@user-xk5vr8gs3i]

Thanks. It worked

[@Michelle-vo2sc]

Hey, this was so helpful! Thank you very much! 🙏🏻🙏🏻 it works perfectly in chrome but not in safari. In safari, the position when the headers switch are not correct. Can you help me? :)

[@meyzle]

Thanks a lot!

[@anenov]

Thank you!

[@WebZone360]

Thank you

[@Blogaholik]

Thanks Man, I have since extended it to hide the previous menu so I can make menus that are wide by default then also becomes thin on scroll...

[@unsignedhub]

Thank you!!!

[@skt93200]

merci beaucoup

[@isurusandamal9697]

can we add fade effect instead of going up when scrolling header change to sticky header?

[@MVSNL]

Thanks!

[@hasaneraydin741]

👏 Thank you very much

[@lukeshenefield9470]

Hi Uriel! Thank you for this and I think it's lovely - except now when I want to edit my header I can't see it any more. I can see the "front page header" title I gave it, and the Elementor "drag widget here" area, but nothing else. Any thoughts? Thank you.

[@alirezasahami1175]

Thank you very much it solved my problem. but i have a question. Is it ok for SEO purposes? i mean search engine may detect duplicate menus

[@MrJacovorster]

would there be a way to make the transition happen on the same time as a specific section on my website? Instead of having to guess where that point is with px?
Great video, by the way! Thank you

[@oskarkampik8882]

Same question here - you found a solution?

[@markpfister7866]

Great tutorial! Instead of sliding the header in, is there a way to do a dissolve from one header to another?

[@akhonazembe6075]

Thank you so much, I'll ry this, but is there no free plugin to do this now? I mean the video was done 2 years ago.

[@user-yb6ld1xw2g]

Hey! How i can display the new header after 100vh? if i set this in if (y = 100vh) don't work

[@arashebrahimi2974]

how can change header color when scroling every section in elementor?

[@user-tv3kq1zi4r]

thanks for your video. i did all steps but in mobile platform the hamburger menu opens under main content what is the problem? i am using elementskit for menu. is it related to that?

[@UrielSoto]

There's a setting built in elementor. I that helps adjust that's. I think it's called distance or something in the dropdown settings

[@kotik1981]

hi there, did you manage to fix that plz?

[@shanewa]

it worked well on mobile?

[@yisakdemeke9085]

on mobile mode i have difficulties making the same effect

[@izulajaa2261]

oh god... im try, but not work