loader and section animations.

Hi,
Sorry for the late reply, as I understand your question, you have a preloader and after it runs the top section in view doesn’t animate, but the lower sections do. I suggest that the section in view is animating while the preloader is running.
I can’t think of a solution that will work sitewide, but we may be able to add an additional animation after your preloader to the top section. Perhaps a fade-in slide-up to the column “Our Products”, perhaps if most of your pages have the same layout we can add this animation based on a custom class to the column. Does this sound like something you would like to try?
Is the preloader from Enfold or is it a plugin or script?

Related note: while researching this I found this possible solution that may help after some modification.

Best regards,
Mike

Hi,
I tried to write this script as general as possible so it would work on most pages, the script looks for the first column on the page and waits for 2 seconds and then animates.
This seems to work on most pages showing the animation right after the purple preloader slides away. Try adding this code to the end of your functions.php file in Appearance > Editor:

function after_preload_script(){
  ?>
  <script>
(function($){
$(document).ready(function(){
	setTimeout(function(){
  $('.flex_column_div.first.avia-builder-el-1').fadeIn({queue: false, duration: 'slow'});
$('.flex_column_div.first.avia-builder-el-1').animate({ top: "-50px" }, 'slow');
	}, 2000);
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'after_preload_script');

Then clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike