Possible to add delay to page transition?

Ask the community
, ,
1

Question:
My Closing-Menu-animation (CSS + JavaScript) is interupted by the instant page transition of the default Wix Menu … is there a way to delay page transition with code?

Product:
Wix Studio

What are you trying to achieve:
I want to add a delay to the page transition.
So when clicking the horizontal menu, it should not instantly navigate over to the other page, so that my menu-closing-animation can be executed first.

What have you already tried:
Youtube, Wix Community, Web

Additional information:
If that doesn’t work with Wix’s horizontal Menu’s, is there maybe a way to create a simple custom nav bar with Wix Velo?
Because that way I could define the transition through:

    setTimeout(() => {
       wixLocation.to("/about");
    }, 800);

Thanks for any advice!

2

Delaying page transitions for animations can be achieved in Wix Studio, but it requires custom coding using Wix Velo.

3

Hey Tech_Voyager!

Wow, really?
Could you tell me how you would do that or maybe share a link to a tutorial? Would be amazing if I can apply this to my website!

Thank you!

4

How about if you add the code to the head of website in the dashboard, so when you navigate to any page this will work:
For the code, you have to use your logic or use chatgpt

5

Thank you Najma,
but as it seems at the moment it is not possible.
Hope Wix is working on this, the community can vote here:
Custom Page Transitions - Ask the community - Community Support Forum | Wix Studio