I’m working with IX2 for the first time and am having some trouble with styling the dropdown menus on mobile. I have it set up the way I’d like on desktop, when you hover over the parent category link, the dropdown menu slides up and fades in simultaneously.
However, the animation is clunky looking on mobile (jerky feeling), so I disabled it on everything but desktop. The problem now is that the initial state from the desktop interaction is hiding, setting the opacity to 0 and moving it on the Y axis.
I have two questions:
Is there a way to apply a different effect to these dropdowns on mobile? Something that would be smoother, maybe some sort of accordion effect.
If not, would it be best to sacrifice my animation on desktop and just do something that would work across all devices?
The ideal solution would be to keep my desktop interaction and fix / smooth out the animation on mobile or do an entirely different animation on mobile. If that’s not recommended I suppose I’ll go back to the drawing board, in which case any recommendations for cool dropdown effects that work on mobile with IX2 would be appreciated!
Here is my site Read-Only: https://preview.webflow.com/preview/children-of-rwanda?preview=7d73e559468a73ea019c24fc497225e6