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