Location
Appearance → Customize → Preloader
Overview
The preloader shows a loading animation while your website loads. It creates a professional first impression and improves perceived performance.
⚙️ Preloader Settings
| Setting | Default | Description |
|---|---|---|
| Enable Preloader | ON | Turn preloader on/off |
| Preloader Logo | None | Custom logo for preloader |
| Show Preloader Image | ON | Show logo during loading |
| Show on Mobile | ON | Enable on mobile devices |
How to Configure
Step 1: Enable Preloader
-
Go to Appearance → Customize → Preloader
-
Check Enable Preloader box
-
Preview appears immediately
Step 2: Upload Preloader Logo
-
Click Preloader Logo → Select Image
-
Choose a transparent PNG or SVG
-
Recommended size: 150×150px or less
-
Click Select
Step 3: Configure Display Options
-
Show Preloader Image: Uncheck to show only animation (no logo)
-
Show on Mobile: Uncheck to disable on mobile for faster perceived loading