Scroll

Cubify template page Instructions

Instructions page contains instructions for certain elements/animations.

[ Hero and Loader Animations ]

01

/

04

Instruction

Hero and Loader animations (Loader Animation, <Page Name> - Hero Animations) happen on every page load. Since Loader is a component you can change the Loader image in its settings.

[ Edit Headings ]

02

/

04

Instruction

To change the heading on the Hero page - second Section all you have to do is select Absolute Header element and change its z-index from -1 to 2. Edit the heading and then set the z-index back to -1.

[ Menu ]

03

/

04

Instruction

To open the Menu you need to go to the Tablet breakpoint and set the Display of Main Links Outer element from none to flex. Then you can edit it. After that set the display from flex back to none. P.S.: Get Started button is duplicated so there is one instance for Desktop and another for Mobile devices. You need to change the link on both.

[ Lottie Animations ]

04

/

04

Instructions

Lottie animations are triggered by About Item Content (animation: Lottie Animation - <name>) on Desktop and Lottie Animation (animation: Lottie Animation) on mobile. The Desktop version is showing the animation while user is scrolling and the mobile animation is playing all the time on repeat. Each Lottie has its own animation.