Position Sticky not working for Div

Hey, there. I’ve just done a lot of reading on position: sticky and related issues. I’m using Google Chrome. On my Blog Posts Template collection page, I gave the “Blog Post Sidebar Div” element a position: sticky. Then I set the distance to 0. Sticky didn’t work.

So I checked all the parent elements, looking for Overflow issues, but in every element I could find, the Overflow is set to Visible.

I’ve done a lot of searching for answers, and I’m about to throw my hands up. I just want the blog sidebar to sticky when you scroll through the blog post. Thank you in advance - I really appreciate any insight you all can give.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Hey @gjeter, you just have to set the Align property to flex-start

Screen Shot 2020-05-07 at 01.39.50

2 Likes

Omg thank you. All I had to do was change that one thing, and it fixed it. You da best. Thank youuu

1 Like