Why isn't my sticky section code working on PageFly?

[rileybrowni]

I am building a landing page with PageFly and I use this code to make the section sticky

#sticky-01 {
	position: sticky;
	z-index: 1;
	top: 0;
}

but it doesn't work. Anyone make this with Pagefly can help??

[RajatWeb]

Hi @rileybrowni,

Would you please try this code:

#sticky-01 {
	position: fixed;
	z-index: 1;
	top: 0;
}

Thanks

[PageFly-Richard · Accepted solution]

Hi @rileybrowni 

I'm Richard from PageFly Team. Please send me the page URL so I can check the issue

However, you can try this code first

.__pf [data-pf-type="Section"] {
   overflow-x: hidden! important;
}

And you can contact us via Live chat pagefly.io so we our support team 24/7 can check for you and provide a solution.

If you find my answer is helpful, let's give it a thumb up or mark as a solution

Richard, PageFly.

[rileybrowni]

thank you @PageFly-Richard 

also the live chat in pagefly editor opens many times, I turn it off but it still shows up, do you know why? It's annoying while i'm building pagefly pages