Can't use negative padding

I’m trying to ‘pull up’ the container in section 2 (straight below Hero section) so that is sits slightly above the section, to create a popping-out effect, lifting the element off its background.

When I try to do this by applying negative padding to the ‘container’ element, I seem to successfully lift it up and above the section in which it sits, but the part that is pulled up over the section is not visible and appears to be being covered by something else…

Please help me to figure this out! Thank you!


Here is my site Read-Only: https://preview.webflow.com/preview/234-de83c1?preview=1c8964d2f4904709ee63b0b923e3f41b

Hi @nicholasvi, in your case, the html structure can be done as shown in the video.
Using the Transforms parameter, you can easily create animations with the Interactions. Good luck :v::slightly_smiling_face:

2 Likes

Amazing thank you! Stupid me forgot that I had set overflow: none. Thank you thank you! Thought I was going crazy!

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.