Div set to fixed - full covers full screen in designer but not when published

Using a div as a modal set to “fixed” full, looks correct in the designer. But when it is published it is contained within a element. See screenshots and links below.

https://preview.webflow.com/preview/new-communities-site?utm_medium=preview_link&utm_source=designer&utm_content=new-communities-site&preview=fd724fc1c6fbdb217e977f08c2a80b8c&pageId=5d389fb7f7c48e561b8c49f7&itemId=5d389fb7f7c48e69018c4aae&mode=preview

https://new-communities-site.webflow.io/communities/mountainsprings


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

IMHO you problem is that in first place modal should have position: absolute to take it from flow and body set to relative so modal will be able to cover whole page. Now, the problem is that in webflow body CAN’T be set to relative. The easies fix will be to wrap whole page in div as block set to relative position and modal set to absolute referred to new div that you can call e.g. main. be aware that you have lots of relative positioning in your collection container. I have changed all back to static with no visual side-effects so it should be fine but I didn’t look deep why they were set to relative.

body -> div -> your sections

You can look at this direction.

I placed everything inside of a main-div that is set to relative. However, this did not fix the modal being stuck inside the collection and not full screen. I tried fixed and absolute.

https://preview.webflow.com/preview/new-communities-site?utm_medium=preview_link&utm_source=designer&utm_content=new-communities-site&preview=fd724fc1c6fbdb217e977f08c2a80b8c&pageId=5d389fb7f7c48e561b8c49f7&itemId=5d389fb7f7c48e69018c4aae&mode=preview