Multiple Column Layout For Mobile
Nate Fultz
I'm designing a website that uses multiple columns. It looks fine on desktop, but when I switch to mobile and tablet, the columns always merge into one, and stack all of the content. Am I missing some setting to fix this, and maintain the multiple columns on smaller screens?
In many places, having it stack on smaller screen sizes makes sense, but in some I still need the multi column layout. For example, I'd like to use a vertical divider line just to the left of a text box in many places.
Rashida Rahman
Accepted AnswerHi there!
Thanks for your query.
Did you mean you are trying this with a section of your page contents, or the layout from your Template Options, please?
Your site URL here would be better to visualize things. And screenshot of where you points will be great!
Related blog may help: https://www.joomshaper.com/blog/how-to-make-a-website-perfectly-responsive-with-sp-page-builder
Best Regards
Nate Fultz
Accepted AnswerHere's an example of previewing desktop and then switching to tablet. The inner row has a 2 + 10 column layout, but then seems to just stack them on tablet. I would like for the vertical line to stay to the left of the text box when viewed on a tablet and maybe even a phone. Does that help?
Rashida Rahman
Accepted AnswerHello,
I'm really sorry for the unwanted delay.
If the question still valid, the you can simply select the viewport icon from the topbar of the SSPPB editor, and resize the colum as per your need. Here is a screenshot for your ease: https://prnt.sc/o9BYNPHI2T5w
Best Regards