How to test pre-loader


Happy New Year to you all!

I’ve created an animated GIF image that I would like to use as my site pre-loader. Is there a way to test it and it appears too quickly.

Many thanks


Hello Will,

Try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    jQuery(function($) {

      $(window).on('load resize', function() {
        $('body .preloader').show().css('opacity', 1);
        $('body').prepend('<div class="preloader"> <div class="spinner"> <div class="pre-bounce1"></div><div class="pre-bounce2"></div></div></div>');

  1. Update