Dear support team,
on the following website I use a timeline under the heading AKTUELL: https://schauspieler.stefanhunstein.de/#aktuell
Unfortunately, this is often not displayed at all when the page is loaded for the first time (see screenshot https://stefanhunstein.de/support/timeline-1.png) or only a part (see screenshot https://stefanhunstein.de/support/timeline- 2.png).
Everything is displayed correctly only after the page has been refreshed several times:
https://stefanhunstein.de/support/timeline-3.png
I have already deactivated the “lazy loading” function. Unfortunately, this has not resulted in any improvement.
What options are there so that the timeline is displayed in full when the page is first loaded?
Kind regards, Diana
Hey Diana,
Thank you for your patience, and for the screenshots and link, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
.avia_transform.avia_desktop #top.home .av-milestone.av-animated-generic {
opacity: 1 !important;
}
.avia_transform #top.home .av-milestone.avia_start_delayed_animation.fade-in {
-webkit-animation: avia-fadein 0 !important;
animation: avia-fadein 0 !important;
opacity: 1
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Hello Mike,
this script works perfectly. The timeline will now load from the beginning!
Many Thanks!
Best regards, Diana
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