Horizontally Inline Row Items
Douglas B
Hello, i hope you all are having a great day.
Is there perchance any css code for forcing/keeping row items horizontally inline when viewing on mobile?
If i make a sample row with 2 columns, and i put a small icon in each column, when viewing on mobile the row automatically stacks the columns, no matter how small the icons are. I feel like the columns should only stack if the contents are to big to fit side by side.
View example here: http://dev.victoryusa.org/index.php/component/sppagebuilder/page/85
Thank you for your help.
Pavel
Accepted AnswerHi. Set column width for tablet and phone using column settings (Responsive tab). Set it as 6 & 6 for tablet, 6 & 6 for phone (it's for SPPB 3). In SPPB 4 you can set it visually at each breakpoint separately
Rashida Rahman
Accepted AnswerHi Douglas,
Thanks for contacting us.
This can be helpful: https://www.joomshaper.com/blog/make-your-columns-responsive-in-sp-page-builder-4
Best Regards
Douglas B
Accepted AnswerGood Morning,
@Pavel - thank you very much... I understand now how that works, brilliant. @Rashida Rahman - thank you for including this resourse link. Good Reading.
I appreciate the help from you both and I hope you have a great rest of the day.
Sincerely,