Hi,

Could you please give me a screenshot of your issue?

-Regards

Screenshot shared in hidden section.

Did you ise any extra css for that?

No I did not. This is default behavior of the Animated Heading Add-on. Please try to view on a mobile device to see the issue

Hi Team,

Is there an update on this?

This is a bug that needs to be fixed as the animated text does not wrap and gets cut-off.

Thanks

Hi,

Did you compress the css option?

No, I did not touch the CSS. Like I said eariler, this is default behavior of the Animated Heading Add-on.

Your team has admin access, could you and your team please take a look?

Hi, The only basic way now is to:

1. reduce font size of Animated Heading. You had 30 I set 24 for mobile.
2. And use letter-spacing: -1px;

Thanks but is there some CSS/hack to make it text wrap?

Even on a desktop, if the row has 2 columns, the Animated Text will be cut-off once it reaches the edge of the column.

And will there be an update to fix this?

The easiest way is to simply reduce the font-size and letter spacing. Sometimes few pixes (1-2px) less make a big difference.

On bigger screen is OK, but I understand that on small laptop it may needs small correction.

try this fix

/animated heading/ @media (max-width: 480px){ .animated-text-words-wrapper .animated-text {white-space: inherit;} span.animated-text-words-wrapper {width: 100%!important;}}