Adding a Layer on Top of Your Web Page

I already have a web site made in webflow and want to add a lightbox that is centered and above everything else on my main page. I try adding a section or container and it says I can’t nest. It says to use a div block instead. So I drag a div block onto the screen, give it a class name and then try aligning the div block to the center and it pushes everything on my main page down. Any suggestions would be greatly appreciated. It just seems so hard in webflow to drag and drop stuff onto the stage and easily move things to where you want them to be without messing what you already have set up. Gets a little frustrating.

Can you share your public link so someone can take a look and try and help?

https://preview.webflow.com/preview/bb-dev-001880350?preview=b35aba1e6e91f866ca07d17a1aaa51e6

Hi Jonathan
Unfortunately, your read-only link is disabled.

I can assume, that your div has AUTO or RELATIVE position property. For make positioning, which will not effect other elements positions you need to use FIXED position property

Sorry it was disabled. I tried looking for the AUTO or RELATIVE position property and it is not showing up for the div. Here is my shared link again: https://preview.webflow.com/preview/bb-dev-001880350?preview=dbf12e0d88e4904fb66fbbbc1340b9ba


2 Likes

THANK YOU SO MUCH!!! Looks easy enough to do.

1 Like

Yes, it is. Good luck, I believe you can do this :wink:

1 Like

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