Option to choose the number of columns in mobile and tablet view
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!
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
1Hi 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.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.