How To Show 4 Articles/row On Desktop And 1 Article/row On Mobile? - Question | JoomShaper

How To Show 4 Articles/row On Desktop And 1 Article/row On Mobile?

MR

Matteo Remonti

SP Page Builder 1 year 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

0
6 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 11 months ago #112752

There is no specific way to do this, you can use custom CSS for that. These links may help you:

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

0
MR
Matteo Remonti
Accepted Answer
11 months ago #112698

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 11 months ago #112615
0
MR
Matteo Remonti
Accepted Answer
11 months ago #112494

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 11 months ago #111228

Hi

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

-Regards.

0
B
blue_Shift
Accepted Answer
1 year ago #110063

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

0