Sticky section doesnt work?

Solved
rileybrowni
Tourist
5 0 5

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
Shopify Partner
187 42 56

Hi @rileybrowni,

Would you please try this code:

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

Thanks

If helpful then please Like and ✔️ Accept Solution.
Do you need custom changes on store ? please send me a personal message and we can discuss.
Email: rajatsharma.web@gmail.com
Skype: rajatsharma.web
0 Likes

This is an 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.

 

CRO Expert at PageFly - Advanced Shopify Page Builder - Empowering 100.000+ active merchants.

Check our Evergreen List of Best Platforms To Sell Online.

Get insightful tips to hit more sales in upcoming BFCM.

rileybrowni
Tourist
5 0 5

thank you @RichardNguyen 

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

0 Likes