Absolute positioning within a CMS collection


I’m struggling with setting an absolute view for a dropdown within a CMS collection, in which the un-toggled dropdown always takes the same position for all the CMS items:

Above is how it looks right now, the idea is that each dropdown will display an article (class: c-container). But all the articles should take the same position in the page (e.g. 80VW x 40VH, or anything custom but readable).

Not sure of relying on an absolute position for the displayed article in the (open) dropdown is the way to go but that’s what makes sense to me. The issue is that I cannot unify the view for all the articles (“c-container”).

Here is my site Read-Only: https://preview.webflow.com/preview/abroada?utm_medium=preview_link&utm_source=designer&utm_content=abroada&preview=1c0c2c39b39c6b18dddb36718b85b0f8&pageId=62b597dbc9f9c743c1ab67b9&workflow=preview

Thanks so much.

Hi - Rather than adjusting the positioning, perhaps consider the layout and whether this is creating the best user experience.

One solution may be to build a Custom Accordion, which can show/hide the content. Another solution may be for the content to show/hide in a full screen modal - with the background blurred out.

Best of luck with your design. :grinning: