Page Preloader 

Use the Page Preloader to improve the user experience by making loading time feel shorter. It may also be used to help give time for video backgrounds or other assets to load before display. Preloader provides visual feedback that the webpage is actively loading and prevents users from interacting with the page until it is fully loaded. 

To activate the Page Preloader proceed to Theme Settings/Page Preloader tab and slide to SHOW to see the available settings.

Page Preloader

page-preloader-2

Please note that Visibility and Preloader settings will be applied after save and reload.

Here you can also choose the Container Background Type between classic and gradient and set it.

Choose Entrance and Exit Animations from the corresponding dropdowns and set the desired Animation duration

Besides you can select the Preloader Type and set it. You can choose between None, Animation,Icon and Image preloader types. 

Animation type lets you choose the needed animation from the dropdown, set the animation duration, its color and size.

 

Preloader Type Animation

preloader-animation

Animation type lets you choose the needed animation from the dropdown, set the animation duration, its color and size.

Preloader Type Icon

preloader-icon

Using Icon type you can add the needed icon, choose the animation from the dropdown, set the animation duration, its color and size and rotate the icon.

Preloader Type Image

preloader-image

Image type allows you to add the image, choose the animation from the dropdown and set the animation duration. Besides you can set the image width, max width and opacity for desktop, tablet portrait and mobile portrait modes.