Hi! I have an sppb page with 1 row and 4 colums with images
In my PC I see 4 columns, in my phone I see 1 column
Is it possible to change this behavior?
I want to show 2 columns in mobile view and 4 colums in PC view.
Can this be done? How?
Thanks
In SPPB 3, you you should be able to do that using Columns Option settings in back-end editor.
There is Mobile Layout option here, set "col-xs-6"
so CSS is not needed.
Hi there!
Thanks for contacting us.
You can click on the mobile icon on the topbar of the SP Page Builder editor and then you can slide your column bar or input width to adjust the view for the mobile devices.
Here is screenshots for your convenience:
The following blog post may help:
https://www.joomshaper.com/blog/make-your-columns-responsive-in-sp-page-builder-4
Best Regards
Hi Eudardo,
Possible, but not so easy as it was in SPPB 3 ;/ In SPPB 4.0.10:
@media screen and (max-width: 680px) {
#mygrid .sppb-row-column {max-width: 50% !important; flex-basis: 50% !important;}
}Video (with all steps): https://youtu.be/rPPpeY6yRHE
Thanks both.
As my SPPB version is 3, I'll try Paul's suggestion.
Perfect solution, Paul.
Problem solved.
Best regards!