Arrow separator at bottom of section

Hi there!

I am trying to accomplish the arrow to display at the end of a section, a practice that’s very common. However, I am having issues. As shown in screen capture, I managed to create the triangle by placing in a div block but when previewing the page the triangle is detached and does not stay at the bottom.

Div block

In preview

How to make the triangle to unmovable? Thanks in advance for any help that can be provided.

Best!

Update: I have followed the method in the following template but don’t see what I am missing.
https://preview.webflow.com/preview/newvision-template?preview=84e8a3c9fe1705f6f6fb1dba4b13d6ce

Hi there!

I figured it out. The Section where the div block resides had to have a position: relative. That simple setting was enough to have the arrow in its place. Cheers!!!

1 Like