Hi,
On desktop an entrance animation on title section or hero looks ok, but on mobile, at first the section is shown, and when you scroll down, the animation starts, producing a horrible glitch.
I cannot find any screen size options for animations. Please help me solve this.
Thanks for reading!
I categorized this as a bug, though it may not be. But still, animations in the first section are unusable on mobile, so it is a problem.
Hi. Are you on low battery mode? If so that may cause animation glitch.
I would suggest you to create your own animation. Follow this How to add a custom animation in interaction – Bricks Academy
And also add your adjusted animation for reduced motion
@media (prefers-reduced-motion) {
/* styles to apply if a user's device settings are set to reduced motion */
}
HI Martin,
thanks for the help.
Hi,
Thanks so much for your report!
Can you please provide a live link so I’m able to see the issue and which interaction/animation you’re using exactly?
Changing interaction settings or disabling per breakpoint is currently not supported, but we already have an improvement task on the to-do list.
Best regards,
timmse
Hi timmse,
Interaction is animation fadeinup.
On the live site I had to completely remove the animations of the first section, would be great to have a fix. Thanks!
Hi,
The animation does not work on the desktop either, because some plugin (probably perfmatters) blocks the styles until an interaction (moving the mouse) has taken place.
Deactivate your perfomance plugins and see if that fixes your mobile problem as well. If so, please go through the plugin settings and find the setting that is responsible.
Hi Stefan,
You are absolutely right, thanks for your help. I apologize, it’s something I should have catched before asking here, my fault. Now I can be confident in using animations once again.
Thanks, sorry for the time lost.
Best regards
