Need Advise

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.