Streaming live at 10am (PST)

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.


Update: I have followed the method in the following template but don’t see what I am missing.

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