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

Technical Q&A

Topic summary

Main issue: A PageFly landing page section with CSS position: sticky (top: 0; z-index: 1) isn’t sticking.

  • One community suggestion: switch to position: fixed to keep the element at the top of the viewport (different behavior than sticky, which only sticks within its scroll container).
  • PageFly support request and tip: asked for the page URL to investigate, and suggested adding a CSS rule that sets overflow-x: hidden !important on PageFly Section elements. They also offered 24/7 live chat support.

Additional concern: The PageFly editor’s live chat window reopens repeatedly even after being turned off; the user asked why it happens.

Status/outcomes:

  • No confirmation that changing to fixed or adding the overflow-x rule resolved the sticky issue.
  • Action item: provide the page URL to PageFly support for deeper checking.
  • The recurring live chat popup behavior remains unanswered in the thread. The discussion is open/ongoing.
Summarized with AI on March 5. AI used: gpt-5.
2

Hi @rileybrowni ,

Would you please try this code:

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

Thanks