Absolute and relative positioning background

[Lektial]

I have linked 1 image, on which you can see that white wave shape, that i want to get behind the navbar or simply to the top. I already made a wrapper for the navbar and hero section which is set to relative with a z-index of 3 and a wrapper for the white shape which is set to absolute with a z-index of 1. however i cant get past the navbar, if I try to bring it up it just gets covered behind the nav. thanks to anyone that wants to help!

---

Here is my site Read-Only: [LINK(Webflow - Convenio Landing Page)]
(how to share your site Read-Only link)

[zafremedia]

hello @Lektial
I don’t know if I understood your problem correctly
but first of all, I see a problem and you have to crop your wave image correctly:

it has an empty space at the top of it

and in the second step
you give to your navbar position: relative
and to this image wrapper position: absolute
and give it left, top: 0
and if you want to understand the z-index and CSS position
I recommend you watch Webflow University video about this problem:
CSS layout and positioning

[Lektial]

thanks, but there is no space above, that’s just the small display. also i already have everything applied what you told me. the problem is that the shape disappears behind the navbar, like on the image i linked below here

[Lektial]

nevermind, i fixed it with the guide you sent me, thank you!!