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