▼
Streaming live at 10am (PST)

Sticky Element Not Working

Design help General
#1

Having some trouble with a sticky position element (“Sticky Block” on my site). I’ve looked at a bunch of other posts and it looks like most of the problems are due to some overlooked parent div with overflow: hidden. I’ve been through mine a dozen times and as far as I can tell all my parents are visible. Also confirmed that no parent element has a set height, per the Webflow article on troubleshooting sticky elements. No custom code on the page or site. Any ideas? Am I missing something obvious?

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

#2

Your sticky block is related to its parent column which is the same height as this block so there is no scrolling happening. Add position: sticky to this column and it will be sticky related to the overall columns block.

1 Like
#3

That did it, thanks so much!

#4

Happy to help, I know sticky is not the most easy and straightforward element to use.

1 Like
#5

Thanks for this comment! Mine was also in a column and was screwing me up :sweat_smile: