Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1308337

    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

    #1308653

    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

    #1309695

    Hello Mike,

    this script works perfectly. The timeline will now load from the beginning!
    Many Thanks!
    Best regards, Diana

    #1309717

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Timeline Loading’ is closed to new replies.