Hi everyone, I’m facing a problem in my Webflow project and could use some help. I have a chat button and popup set to fixed position in the bottom-right corner of the screen, but they keep scrolling with the page instead of staying fixed. I’ve tried several things to fix this: I checked parent elements for transform, filter, or overflow settings and adjusted them; moved the elements directly under the Body in the Navigator; created a new fixed container for the chat elements; reviewed interactions to ensure no scroll-based animations are applied; and even removed a 1000px perspective setting from the Body. Nothing has worked so far. I’m on Webflow’s free plan, so I can’t use custom code, and I’ve tested this across browsers with the same issue. If anyone has ideas or has faced this before, I’d really appreciate your help. You can check my project here: Click to view the project. Thanks for your time!
Hi there!
To create a properly fixed pop-up in Webflow, follow these essential style settings for your pop-up wrapper:
- Set Position to “Fixed, full” to ensure the pop-up stays in place regardless of scroll position
- Add Z-index: 9999 to maintain the pop-up above all other page elements
- Set Display to “Flex” and configure both horizontal and vertical alignment to “Center” to properly position your content
These settings will create a pop-up that remains fixed on screen while allowing the rest of your page content to scroll underneath it.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Hi, Thanks for your reply.
It covers the whole screen in a fixed full position, so I still need a solution for it, please. I am a beginner, so straightforward and easy replies can help more.
Thanks in advance!