How to test pre-loader

Hi

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.

https://thesurgenetwork.net

Many thanks

Will

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

Regards,
Kharis