How to show 4 articles/row on desktop and 1 article/row on mobile? - Forum | JoomShaper
Staff replied SP Page Builder

How to show 4 articles/row on desktop and 1 article/row on mobile?

Asked by Matteo Remonti 3 years ago Last activity 3 years ago

Inside a PageBuilder page v.4.0.8 (Joomla 4.2.9), I need to show 4 articles/row on desktop and 1 article/row on mobile.
In articles settings options, at columns field, I can only set 1 or 4 without differentiation based on device, please watch the following screenshot:
https://paste.pics/MLVVB

It would be enough editing the class of the following highlighted DIV from "sppb-col-3" to "sppb-col-3 sppb-col-sm-12" but I don't know how to do it.
https://paste.pics/MLW13

Is there a way to solve this issue?
Thank you in advance for your kind help

6 replies

Oldest first Newest first Most helpful
blue_Shift
3 years ago

Find the parent column > responsive to set columns by device. Sreenshot from front end of SPPB3 but it would be similar.

https://postimg.cc/18FQh3sP

Mehtaz Afsana Borsha Staff
3 years ago

Hi

Thanks for contacting us. Did you follow the instructions which blue_Shift said? Is this working for you?

-Regards.

Matteo Remonti Asked this
3 years ago

Yes, I followed blue_Shift instructions but it didn't work

Matteo Remonti Asked this
3 years ago

Thank you,
I already know how to make columns Responsive in SP Page Builder 4
Now that columns are responsive, how to automatically feed them with articles of a specified category?
Thank you

Log in to reply.