Configuring the Site Preloader

Last Updated on

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.

In this article


Enabling or Disabling the Preloader

1
From the WordPress left menu, go to Theme Options > Global Settings > Preloader.

Configuring Site Preloader - Preloader

2
From the Preloader setting, enable or disable the site preloader.

Configuring Site Preloader - enable preloader

3
Click on the Save Settings button.

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:

1
Create or edit an existing page.
2
From the Jupiter Page Options box, change the status of the Page Preloader

Configuring Site Preloader - Jupiter Page Options

3
Publish or update the page to check the result.

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.

Setting Description
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

1
Preloader is Stuck.  

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.

2
Preloader not Showing up.  

It’s probably a conflict with 3rd-party plugins, custom CSS or JS codes. To find the source of issue, do the troubleshooting steps.

Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket