Instructions
To make this component work you must follow these steps:
- Add a Page trigger and select Page load
- Select the Loader 3 [Hide] animation inside When page finishes loading
- Position loader3_component inside page-wrapper
- Set loader3_component position to fixed and display to none
Note:
Sometimes there may be a bug where the website briefly flashes before the loader is displayed. To avoid this add the following custom code in your Site settings > Custom Code > Head code
<style>
.preloader {
display: flex;
}
</style>
.preloader {
display: flex;
}
</style>
-27.jpg)
-31.jpg)
-28.jpg)
-22.jpg)