what the best way to get the following stack effect
https://www.mrhandyman.com/handyman-services/
3 column in desktop
2 column in tablet
1 column in mobile
Thanks
what the best way to get the following stack effect
https://www.mrhandyman.com/handyman-services/
3 column in desktop
2 column in tablet
1 column in mobile
Thanks
Hi Robert,
Thanks for reaching out.
It’s only possible with custom CSS, currently, it only collapses from the original column count to 1 column below medium and mobile view. And since it’s not limited to 3 columns, it’s not appropriate to make them all 3 columns. Plus, columns are grouped by rows, so even if you force 5 columns to 3 columns, it would still appear 3 columns and 2 columns below it. Example
[row] [col] [col] [col] [col] [col] [/row]
[row] [col] [col] [col] [col] [col] [/row]
Then it will become
[row]
[col][col][col]
[col][col]
[/row]
[row]
[col][col][col]
[col][col]
[/row]
Instead of this
[row]
[col][col][col]
[col][col][col]
[col][col][col]
[col]
[/row]
What you wish to achieve is only doable to a specific setup, I recommend providing a sample URL where these columns are and we’ll check if it’s possible with a bit of custom CSS with specific selectors. But again, it’s not 100% guaranteed due to existing row-column layout, it’s not the same as grids.
Thanks!
That’s what I thought! Its almost ready.
Thanks,
You’re welcome!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.