Hello! I would like to know how to make the opening animation of the “SaaS Dark Hero” section. The animation I’m talking about is the one that appears above the header from top to bottom at the top (https://themenectar.com/salient/), is it a CSS style? I would like to know how it is done because it is really beautiful, I tried modifying the Z-Index but the section goes below the header instead of above  
Actually, I’m working with the theme on a friend’s website

I've added the section but I don't know what else to do so that the initial animation is above the header :(

Somebody made it? I would like to know if they have managed to put the animation of a section above the header :D

Thank you very much and have a nice day!

Tahir, yes we can add the pre-built SaaS Dark Hero template to a page, but the original poster is having the same issue we are having.

When the page first loads in the demo, the SaaS Dark Hero section covers the top navigation, then the animation has it shrink and move under the top navigation. This looks great!

But when we install the SaaS Dark Hero section, it starts UNDER the top navigation. Attached are side by side differences after the animation completes. Our site is showing the SaaS Dark Hero section much lower than the demo. There must be a simple setting to get the SaaS Dark Hero to start on top of the top navigation.

I have changed that setting but still have the same result. You can see a dev site here: https://swift.design/

use "swiftdesign" for both

I have that on: