Hello Themeco Team,
How are you all doing?
I’m reaching out because I could really need your expertise on a technical issue that I can’t seem to solve.
In a simple Grid Layout (dashboard-style) with two columns, I’m trying to make each cell scroll independently.
I’ve tried quite a few things — including setting the “Y-Overflow” property to “scroll” on a container
Since I know some parameters are interdependent (like how position: sticky depends on a parent with overflow: visible, for example), I’m wondering if there’s a key detail I might be missing here.
Should I be using position: absolute or relative in this case? Do Flexbox settings affect overflow behavior inside Grid elements?
After a few tests, and seeing again all Themeco Grid videos on YouTube, I just haven’t been able to get it working.
Here’s how the layout is structured:
-
Both grid cells have min-height: 100vh
-
The sidebar (cell 1) contains three child elements:
- The first is sticky at the top
- The second should scroll independently from cell #2
- The third is sticky at the bottom
Do you, as experts with the builder, have any insight or tips that could point me in the right direction?
I’ve attached an example for clarity.
Thanks so much in advance !
Florian