Good morning dear support team,
on the following website we have text as a “rotating heading”: http://final.dc-gmbh.com/en/#rotate
It consists of two sentences:
1st sentence: “An idea without a plan is just a dream”
2nd sentence: “We turn your ideas into reality.”
The rotation time between sets is 4 seconds.
Now it’s possible that you scroll down at an “unfavorable” moment in time and only see the second sentence before the first sentence appears.
Can I use CSS to set it so that the text only starts rotating when the user reaches this point via scroll (similar to the “animated numbers” tool)?
I am very grateful for help.
Kind regards, Diana
Hey Diana,
Thank you for the link to your site, I added your rotating heading into a full width column and added the “fade in” animation to the column, this animation works when the element comes into view and then the rotating heading starts with the first line, so this seems to solve the issue, please clear your browser cache and check.
Best regards,
Mike
Super support! My request has been solved perfectly
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike