Loader & Curtains Instructions
How it works
- The Loading Bar runs first when the page loads.
- Once the loading completes, 5 Curtain divs (
Curtains White) animate upwards to uncover the main content.
Editing the Loader
- To change the Loader design, open the Navigator panel and look for:
Loading Holder→ contains the Loading Bar.- You can adjust its size, colors, or even replace it with your own logo/text if you want a more branded experience.
Editing the Curtains
- In the Navigator panel, locate the Curtains folder.
- Inside, you’ll find 5 “Curtains White” divs.
- You can:
- Change the color of the curtains (e.g., brand color instead of white).
- Add a logo, text, or image inside one of the curtains if you want a branded intro.
- Adjust the animation timing in the Interactions panel if you want them to move faster or slower.
Removing the Loader
- If you don’t want the loader at all:
- Delete the entire Loader (Curtains + Loading Holder) structure from the Navigator.
- The site will then display immediately without animations.
