Phantom top margin on a Div Block

There is a huge margin on my header that shows up in Preview Mode and the published version of this site but that is not visible in Design Mode, and I am baffled as to where it’s coming from. Please see the short video below for clarification. Thanks.

https://www.loom.com/share/d5a8f7bef2094dc0ae6bf7751284c1d5


Here is my site Read-Only: https://preview.webflow.com/preview/nymm?utm_source=nymm&preview=3def8ecb6e85abad358ae527eff5aee2

Hey @Chuck_Braman, it appears to be coming from your popup menu or an element inside.

Let me know if this helps:

https://www.loom.com/share/9ff647a57d0e45119c16c26ac48dbda1

Thank you very much @myonke for isolating the cause of the problem as having to do with something within the “popup menu wrapper” Div.

It’s mysterious to me as to what the actual cause is, as all the top margins of all of the elements are set to zero. But when I move it to the bottom of the layer stack the problem goes away, so at least there’s a solution, even though I don’t understand what exactly is happening.

This issue can be considered solved, but in case anyone is curious to see what I’m referring to and there’s an easy explanation, I’ve made a short video here:

https://www.loom.com/share/2f9afddb67c84e10acdee0fa46583c3c

1 Like