CSS Sticky works in Designer, has stopped working on site

Design help General
1

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: https://www.invincibletricking.co/blog but it doesn’t work on this page here: https://www.invincibletricking.co/event/australian-tricks-gathering-2016 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)

3

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

Screenshot:

42f082da64d26353cb607af4f8841931
42f082da64d26353cb607af4f8841931890×453 37.6 KB

4

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

5

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

6

Woohoo that worked! Thanks @PHRyan :smile:

1 Like
7

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: https://preview.webflow.com/preview/zzz-media-2?utm_medium=preview_link&utm_source=dashboard&utm_content=zzz-media-2&preview=55e92dcef068da28898c7d1bfb80a2ba&workflow=preview

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