Streaming live at 10am (PST)

CSS Sticky works in Designer, has stopped working on site

Hey all :wave:

I’ve added a position: sticky to a column, it worked great for a week, still works in the designer, however it’s stopped working on the live site and I can’t work out why. :thinking:

There’s a working version on this page here: but it doesn’t work on this page here: Same class, same HTML embed element, different result.

The page it’s not working on is the Events Template page, for the CMS item ‘Events’

Would love any help, thanks in advance :pray:

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

Hey James!

On the events pages try giving “sticky-column” position: relative and set top: 0. And then get rid of the top: 100px in the embed. Let me know what happens on the published site


Thanks so much for taking the time to check it out @PHRyan! Unfortunately no change after following your steps :cry:

Try putting the embed code in the cms page header code instead maybe?

Woohoo that worked! Thanks @PHRyan :smile:

1 Like

Hey Everyone!
I’m also having troubles with my sticky position. All of my parent elements have an overflow of visible and don’t have a set height. If anyone can help it would be greatly appreciated!

Here is my read-only link: Webflow - zzz media 2

The section I am talking about is called “website processes” and I am trying to make a horizontal scroll.