Elementor Lottie Menu (Pro) Tutorial
HTML-код
- Опубликовано: 14 дек 2024
- Elementor Lottie menu tutorial with Elementor Pro: kaycinho.com/e... (affiliate)
If you are looking for a simple way to create a fullscreen menu with a hamburger icon that animates as you open and close it, look no further!
That's precisely what i'll be covering in today's tutorial.
Elementor Pro comes with Lottie animations, and that's great, but it doesn't give you a straightforward way to use Lottie animations to show the open and close states of an hamburger icon.
Sure it could be done with code, but today I'm just oing to show you a nice little trick that you can complete in minutes.
BG SHIFTING MENU TUTORIAL:
• Full Screen Menu Eleme...
TOOLS I LOVE:
Elementor Pro (affiliate): kaycinho.com/e...
Astra Pro (affiliate): kaycinho.com/a...
Crocoblock (affiliate): kaycinho.com/c...
Wirementor (my own tool): kaycinho.com/w...
MORE LINKS:
Wirementor demo (built by me): kaycinho.com/w...
A2 Hosting (affiliate): kaycinho.com/a...
ONE PAGE WEBSITE FREE COURSE
• Elementor Pro Tutorial...
GET MY HELP:
kaycinho.com/s...
ALL MY RECOMMENDED RESOURCES:
kaycinho.com/r...
DOWNLOAD MY FREE BRAND GUIDELINES TEMPLATE
kaycinho.com/b...
DISCLAIMER: I often review / link to products & services that I love and think you may find of interest. When you purchase a product/service through one of my link, I receive a commission, which helps me producing free content (you don’t pay anything extra!).
Also, I am the creator of Wirementor.
#webdesign #freelancing #elementor
And if you want to combine that with the background shifting full screen menu: ruclips.net/video/5B22kObI6d0/видео.html
If the trigger is onclick within the pop up how is it animating when the pop up opens? Also does the link need to be close pop up?
Exactly, ist doesnt work - you basically need to trigger the second lotti as well. Really cant figure out how to do it. Spent hours on it
@@motobandit5345 did you find a solution to this?
@@kunalkothari3245 no, unfortunaly not
@@motobandit5345 Don't know if you're still looking for an solution: After copying the header to your pop up, you have to set the link of your menu button to "close popup". Then it will open it when you click it and close it when the menu is open. Hope this helps.
If the link to the anchor is in the menu, then the popup does not close. Can you tell me how to fix it? Thanks!
Nice tutorial! The only problem I have is that when I close the popup, the hamburger menu of the header is still in the close icon instead of the hamburger shape. Anybody else had this problem and can give me the solution?
did you find a solution to this?
@@kunalkothari3245 Don't know if you're still looking for an solution: After copying the header to your pop up, you have to set the link of your menu button to "close popup". Then it will open it when you click it and close it when the menu is open. Hope this helps.
Hello, good day, I need help, when I want to close the popop it does not return to the main page, but instead it repeats the click on the hamburger menu
Great video! Thank you very much! But maybe add a marker at the video next for the time, when the actual tutorial about the burger menu starts
Nice effect although it was very frustrating watching the video over and over trying to figure out what I was missing...only to find out the information was not included.... .....
HELP PLEASE!!
OHHH the other thing that I didn't understand is that the new header created with elementor Pro is going to replace the old header of Astra? So what happens if I just create the header with Elementor instead of creating it with Astra?
awesome!!!, but is not closing :( ... i ahve repeated this tutorial 3 times and i cant seem to make it close the menu... still awesome, i know its me :)
just solved it!!! you have to change the action of the button inside the popup to close... that part is missing in the tutorial, still awesome!
@@nubenegra809 thank you
@@nubenegra809 thanks for the solution, i also made it 3 times and was not sure if its a bug or am i missing something!
on menu:
start point = 0
end point = 100
action = open menu
inside popup:
start point = 50
end point = 100
action = close menu
Hope it will work now. Thanks :)
@@nubenegra809 So if you add the lottie to your header, you need to add a 2nd one to your popup to close it? Or am I missing something??
I want the menu to be a full-page popup.
Might be the last video i watched from you. Bro please if you do a Tutorial then shoooow us everythiiiiing. It does not work like u said
Great video, thank you.
Can you also make a video on how to do this with code as you mentioned? Or is this your preferred way?
the lotti menues end up being like 2 pixels big for me, unsure what I'm doing wrong
Beautiful! 🎉
Great! I must test multilevel menu in the fullscreen layout :)
Amazing video! keep them coming.
when i click hamburger, it does not stay on close sign, it turns to 3 lines hamburger again. any idea
did you find a solution to this?
Great tutorial!
Thank you! Cheers!
help.....the action in popup had set to "close popup" pls still dont work....help pls
did you find a solution to this?
thank you soo much for this man
this guy is really a sick
tips&tricks, good job
Not closing
I tested the same thing
it doesn't work :( new video wainting
thank a lot!
hi iam unable to close my header menu after it opens
did you find a solution to this?
Merci !
thank you
amazing
Thanks Moshe 😀
So clear, good work. This can use for lot of things
Cool 👍👍👍👍
It doesnt work like you explained my friend
the idea is great but the instruction isn't clear at all your explanation give me headache
First Comment 🤘🤘🤘🤘🙂🥰
Thanks for watching :)