Horizontally inline row items - Forum | JoomShaper
Solved SP Page Builder

Horizontally inline row items

Asked by Douglas B 3 years ago Last activity 3 years ago

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.

Accepted answer

Marked as the solution
Pavel
3 years ago · edited

Hi. 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

3 more replies

Oldest first Newest first Most helpful
Douglas B Asked this
3 years ago

Good 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,

Rashida Rahman Staff
3 years ago

You are always welcome Douglas:)

Have a nice day!

Log in to reply.