The Site Preloader will be shown when the website loading is in progress. It overlays on the screen and hides the unstyled page. It will disappear right after the page loads.
In this article, we’ll explain how to enable/disable the preloader and configure its options.
Enabling or Disabling the Preloader
Enabling or Disabling Preloader for a Specific Page
Each page allows you to override some of the global properties. In this case, we’ll override the global Preloader for a specific page.
To override the Page Preloader:
Configuring Site Preloader
There are several options in the preloader section that allow you to change the preloader icon, logo, background and icon color, and more.
|Retina Preloader||Enables or disables the Retina logo image in the preloader.
|Preloader Logo||Defines the logo image in the preloader. If Retina Preloader is enabled, please upload a 2x size image.
|Preloader Color||Defines the color of the preloader icon.
|Background Color||Defines the background color of the preloader.
|Preloader Animation||Chooses the preloader icon animation.
|Section Preloader Background Color||Defines the section specific preloader background color, such as Edge Slider and Page Section.
Site Preloader Troubleshooting
This is one of the common issues. It happens when there is an issue in the page. For example, one of the shortcodes is not loading or a slider is missing in the page. To fix the issue, you need to disable Preloader and fix the issue in your page then enable it again.
It’s probably a conflict with 3rd-party plugins, custom CSS or JS codes. To find the source of issue, do the troubleshooting steps.