Creating a Slick Menu Animation | Part 3 | Wix Studio
HTML-код
- Опубликовано: 8 июл 2024
- Live example:
iloveditorx.wixstudio.io/menu...
Part 1 - Menu button hover animation:
• Creating a Slick Menu ...
Part 2 - Building the Menu:
• Creating a Slick Menu ...
Part 3 - Adding animation:
• Creating a Slick Menu ...
Part 4 - Menu enrty and exit animation
• Creating a Slick Menu ...
Get the code from here:
www.iloveeditorx.com/videos/c...
#wixstudio #menu #animation
You're a legend!
I would love to see how you made the menu items animate and be responsive
Thx for your beautiful tutorials.
Done:
ruclips.net/video/8WuWbhB51QU/видео.html
I would love to see how to animate the nav menu in.
I'm learning so much from you. Appreciate all your tutorials. You're the only one giving tutorials that aren't just super basic and explaining things.
Thank you!
Done:
ruclips.net/video/8WuWbhB51QU/видео.html
Great video 👍
Thank you for the tutorial. Been slowly working through it during the day. Took me a while to find out how to add the ability to add/edit code onto the site but got there in the end.
Having a few small issues that I don't know if you can help with?
1. The animated button seems to jump around 20 pixels to the right when on the menu screen. Have checked and all the padding is the same on both (literally copied and pasted the whole header so has the same settings). Looks like it does the same on your example site so assuming it's just a bug with Wix Studio?
2. Since adding the ability to add code to my site my horizontal scroll bar has vanished from the editor.
3. Noticed the loading times seem to have gone really bad since adding the code. Is this normal? Only have the nav bar and menu and it's taking about 15-20 seconds to load the page each time I update it once it's published.
Wonderful, you have a new subscriber, but from the voice are you Avishi?
Thank you!
😄
Error.
"Property "open" does not exist on type HamburgerOverlay"
"Property "close" does not exist on type HamburgerOverlay"
Having troubles figuring this out.
Thanks for the tutorial! It's been fun. Just this one problem.
Make sure you gave the correct ID to the hamburger container menu. Open the menu and the layers panel and make sure you have selected the correct element
@@Studio-Il This has to be the problem. I must have made a misstep. Thank you for the reply! Great channel!
Hello. Love your videos. But I have done this tutorial about 5 times now, and each time i do it, it doesnt work. When I press the menu button, only a small circle pops up, and I cannot understand why😭 Could you help me?
Did you remove the background color from the hamburger menu main container?
@@Studio-Il Yes I did
@@Studio-Il When I press the menu, its only a small part of the menu that appears. It appears as it is supposed to (animation wise), but it is only a small dot that is a size of approximately 100 pixels