Question:
I created a custom animation for my menu with css (opening and closing menu animation).
I was able to apply the animation to all the desired elements with java - EXCEPT the horizontal menu (see website). I want to also add the closing animation when clicking on horizontal menu to navigate to another page, can someone help me?
Product:
Wix Studio
What are you trying to achieve:
Here is my website: https://raffaelleaffar.wixstudio.com/website
You can see the opening and closing animation of the menu.
It works when clicking the circle and it works when clicking the logo inside the menu.
But when you click on the horizontal menu to navigate to another page (so for example “webdesign”) the animation does not work.
Do I have to apply the css-class to the horizontal menu differently than to the logo and the circle (they are svg’s)?
Here is my .js file: You can see that I apply the same css-class ("expand-clip-menu-box) to both the Logo (see Nr.43 “closeMenuLogo”) and the Horizontal Menu (see Nr.58 “closeMenuContent”).
But the “closeMenuContent” on Nr.58 is indicated with a shadow. What does that mean?
Here (Nr. 19) is how I add the funtion “closeMenuContent” to the onItemClick event Handler
The function is shown red, why?
The only difference to the other Event Handlers is that its a MenuElement and not a VectorImageElement, so I added onItemClick instad of onClick.
Can anyone help me here?
What have you already tried:
Searched the web (youtube, wix forum, other forums, wix velo doc, …) but no luck yet.
Additional information:
Rather new to coding, so grateful for any advice!
Thank you Community! 