Instructions
To make this component work you must follow these steps:
- Position loader5_component inside page-wrapper
- Set loader5_component position to fixed and display to none
Important:
If you rename this component, remember to update the classes in the HTML embed named loader5_loading-animation found inside the loader5_component div.
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>
20
%
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>
