Re: Sticky section doesnt work?

Solved

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

rileybrowni
Tourist
6 0 8

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??

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4439 1016 1669

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.

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 3 (3)

RajatWeb
Shopify Partner
197 46 62

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

PageFly-Richard
Shopify Partner
4439 1016 1669

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.

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

rileybrowni
Tourist
6 0 8

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