I created a dropdown menu with PG interactions. On desktop, everything works great. But the dropdown menu appears just one second when clicking on mobile or tablet.
I used “Mouseenter / Touchstart” as trigger.
I have two animations:
dropdown menu appears (Trigger: Mouseenter / Touchstart; Animation: auto-opacity 0 start, auto-opacity 1 + display block tween)
dropdown disappears (Trigger: Mouseleave / Touchend; Animation: auto opacity 1 set, auto opacity 0 + display none tween)
Here is a link to the test webpage: https://www.homepage-aus-leipzig.de/test/
Do you have any ideas? Maybe I should use different triggers on desktop and touch devices?