Streaming live at 10am (PST)

Fixed components don't stay fixed


I’m experiencing a weird problem with position: fixed. I’ve used fixed elements in most sites I’ve worked on and never had a problem. However, this is not the case with our last project.
As you can see, we have a sticky nav and a few fixed full-screen modals. They stay fixed within Webflow’s editor, but act as absolute when I publish the site.

Here’s a public link:

Any ideas?

Thanks in advance,

I don’t see that… did you modify the site since you’ve posted here?

I duplicated the site and used the second version as a staging environment, but I must have mixed up the two versions.

Anyway, I’m pretty sure I found out what’s going on, maybe the Webflow team should add it as a warning. Most modern browsers have a problem with fixed positioning+transforms. I had a fancy fade+move up interaction applied on the body (essentially a pseudo-loader). It was breaking all elements with fixed positioning.

Thanks for your reply, I removed the interaction and everything is back to normal. :smile: