Absolute and relative positioning background

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)

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

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

1 Like

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

1 Like