Elementor Lottie Menu (Pro) Tutorial
Vložit
- čas přidán 5. 11. 2021
- Elementor Lottie menu tutorial with Elementor Pro: kaycinho.com/elementorpro (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/elementorpro
- Astra Pro (affiliate): kaycinho.com/astra
- Crocoblock (affiliate): kaycinho.com/crocoblock
- Wirementor (my own tool): kaycinho.com/wirementor
MORE LINKS:
- Wirementor demo (built by me): kaycinho.com/wirementordemo
- A2 Hosting (affiliate): kaycinho.com/a2hosting
ONE PAGE WEBSITE FREE COURSE
• Elementor Pro Tutorial...
GET MY HELP:
kaycinho.com/shop/consulting/
ALL MY RECOMMENDED RESOURCES:
kaycinho.com/resources/
DOWNLOAD MY FREE BRAND GUIDELINES TEMPLATE
kaycinho.com/brandingtemplate
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: czcams.com/video/5B22kObI6d0/video.html
Amazing video! keep them coming.
thank you soo much for this man
Beautiful! 🎉
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?
Great! I must test multilevel menu in the fullscreen layout :)
tips&tricks, good job
Great tutorial!
Thank you! Cheers!
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?
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?
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
thank you
the lotti menues end up being like 2 pixels big for me, unsure what I'm doing wrong
thank a lot!
amazing
Thanks Moshe 😀
So clear, good work. This can use for lot of things
I tested the same thing
it doesn't work :( new video wainting
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.... .....
this guy is really a sick
Cool 👍👍👍👍
Not closing
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?
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.
hi iam unable to close my header menu after it opens
did you find a solution to this?
help.....the action in popup had set to "close popup" pls still dont work....help pls
did you find a solution to this?
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
It doesnt work like you explained my friend
Merci !
First Comment 🤘🤘🤘🤘🙂🥰
Thanks for watching :)
the idea is great but the instruction isn't clear at all your explanation give me headache