Have the preloader slide out to the left smoothly once the page is ready.
Archives
Set a minimum display time so the preloader shows for at least a couple of seconds even on fast connections.
Hide the preloader while I’m editing the page in the Elementor backend.
Don’t let the preloader cover the site header — exclude it from the overlay.
Show a short ‘Loading…’ text message on the preloader.
Add a full-page preloader that shows an animated icon while the site loads.
Use our logo image as the preloader instead of an icon.
Display a percentage counter that counts up while the page loads.
Show a Lottie animation as the loading screen.
Make the preloader enter with a diagonal duo-move animation from the top.