Hi everyone!
A really useful feature that I’d really like to see implemented is the option to choose how many columns there are on different viewport widths. For each row there could be a setting where one would choose the number of columns for the tablet and mobile view.
An example:
Let’s say that in the general PageBuilder settings I’ve set my tablet viewport to 1024px and the mobile viewport to 780px.
Then I go to a page and create a row with 6 columns.
When I now click “Edit Row” and go to the Layout section I’d see (if implemented) an option to choose how many columns I want to display on tablet & mobile viewports.
Let’s say I choose to have 3 columns on tablet view and 2 columns on mobile view and click save.
Now when I shrink my viewport to under 1024px, the row should only contain 3 columns. And if I shrink the viewport even further down to under 780px, there should only be 2 columns and it should not default to 1 column per row.
I’ve currently hacked my way around it using a custom class on a row and applying custom css on the mobile viewport.
It’d be really nice if there was a native option for that, as this feature is often requested by clients.
Cheers!
Hi Marc,
I’ve marked this thread as a feature request. We often look through these threads to get ideas for what to add in our future updates. Hopefully, we’ll be able to add this in a future update.