Issue with animated headline in mobile and tablet devices
Dear all,
I’ve noticed that the “Animated headline” functionality displays correctly on computers but does not render properly on mobile devices and tablets. This issue is visible both in editing mode and on the frontend.
At this test address you can see the result: https://wolverine0608cec7.brizy.site/
This is a screenshot of how it looks on mobile devices:
Thanks in advance!
-
Hi Fredi,
Thank you for reporting this.
We’re already aware of the issue with the Animated Headline not rendering properly on mobile devices, and our team is working on a fix. An update should be rolled out soon to resolve this.
I the meantime, please use this CSS to fix it:@media (max-width: 1024px) {
.brz .brz-animatedHeadline--wrapper .brz-animatedHeadline {
flex-direction: column;
align-items: center;
}
span.brz-animatedHeadline-plain-text.brz-animatedHeadline-text-wrapper {
text-align: center;
}
}Best regards,
Ariel H.0 -
Wow!! Thanks for the quick response and for finding a solution until a new update is released.
0
Please sign in to leave a comment.

Comments
2 comments