Changing up this slide in and contents

JavaScript
4

I would try to isolate this component and its behaviour, so that you can understand what is causing it to behave as it does.

Start with your website and remove unnecessary content. Then remove unnecessary CSS and JS files until you have just this one element sliding in from the bottom.

At this point you will be in a much better position to affect a change in its behaviour, as you won’t have to randomly change things and hope that they work.

This is what to aim for:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>My site</title>
    <link rel="stylesheet" type="text/css" href="path/to/stylesheet/which/is/driving/animation.css">
  </head>
  <body>

    <div class="vc_gitem-animated-block vc_gitem-animate vc_gitem-animate-slideBottom" data-vc-animation="slideBottom"> ... </div>

    <script src="path/to/any/js/files/necessary/for/animation"></script>
  </body>
</html>