Fixed element dont stay fixed

Hello! I faced with strange trouble with position: fixed. Fixed element in designer mode working as expected, but in preview mode element dont stay fixed and working as position: absolute, i guess.

Here link https://preview.webflow.com/preview/sgk?preview=79fd03d51d878403309f6a4c915fcab6 page ‘text-page-with-img’.

My site contains alot of custom js and css. And I try to comment they all and check, but problem stays.

Sorry for my English, btw. Help me please :slight_smile:

Hi Benj,


Just to be clear and certain we talk about the same thing:
Designer mode is when you’re designing your site on webflow.com with the toolbars on the right
Preview mode is the same but you’ve clicked on the eye icon and preview your site on Webflow.com, without the toolbars on the right
Published mode is when you publich your site and check it either on site.webflow.io or www.yourcustomdomain.com


At the moment, when I check your site in desigenr and preview mode, I see the same thing. Fixed bar on the left and normal site on the right. What should be fixed and isn’t for you? Can you provide screenshot?

Hi! Thx for replay.

Yea, we talk about the same thing)

Here short video about my problem) Recording #1

What exactly is the problem in the video? I have hard time to see a difference.

In designer mode left block (with socials) is fixed. Block always stays in the same place even if the page is scrolled down. But in preview and published mode position: fixed dosen’t work right.

Try to rework your structure for your fixed element to be higher in the hierarchy. Here I put it very high, under the body, and it works.

https://v.usetapes.com/yebwn8jYiR

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.