I’m having trouble with
Overlapping content in a dropdown/menu. When I open the “Acciones” (Actions) menu, content from the item above it overlaps on top of the dropdown (see screenshot). It makes the UI look broken and can block clicks.
Working in
Wix Studio Editor (with a custom layout / repeater section). Not using a third-party embed for this part.
Site link
private project
What I’m trying to do
I want the “Acciones” dropdown to open cleanly on top of the card without any elements from the row above bleeding into it. Each item should keep its own spacing and z-order so the menu is fully readable and clickable.
What I’ve tried so far
-
Checked spacing/margins between the rows/cards.
-
Tried bringing the dropdown/container to front.
-
Looked for z-index / layer order issues in the Studio layers panel.
-
Previewed in different breakpoints to see if it’s responsive related.
-
Repositioned the menu inside/outside the repeater/card container.
None of these fully fixed the overlap.
Extra context
This happens inside a list/card UI where each row has an icon + number and a three-dots menu. The dropdown appears to render underneath/within the stacking context of the previous row, causing the overlap. Screenshot attached.
