.png)
Instructions
To make this component work you must follow these steps:
- Add a Page trigger and select Page load
- Select the Loader 1 [Hide] animation inside When page finishes loading
- Position loader1_component inside page-wrapper
- Set loader1_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>