Triangle moves with Position Absolute

[halebales24]

I’ve created a triangle shape as an arrow for my page and it works just fine until I started minimizing the screen size. When I get to a certain point, the arrows begin to slide up and down we you scroll down the page. Is there a way to prevent this? The code below doesn’t probably show it moving, but in the entire html markup that I have for the page, it does.

Do I need to say something like @media(max-width:960px) and force the shape to move back into place?

http://codepen.io/halebales24/pen/RPKVWx

[halebales24]

Thank you! I changed the position: absolute to relative. I just had this weird gap around the arrow between my sections, but I messed up my logic of how I was grouping my sections and moved the section before the arrow.

[Author]

Posts