Text not displaying properly on mobile

[lorenzobagnoli]

Hi guys, I have a problem with the mobile view of Oasis's theme.

I designed, in Desktop view, a box with three horizontal colonms of lext-aligned texts as:

[block 1][block 2] [block 3]

In the mobile view everything goes in vertical and the reading becomes impossible as:

[block 1]

[block 2]

[block 3]

Do you have any solution for this problem? I would like to maintain also il the mobile view the same disposizion.

Please not with grid plug in element.

Thank you all.

[Adam7]

Could you provide a link to the page where you have this, @lorenzobagnoli? Items in columns are meant to stack that way, but maybe we can figure out something that will work for you.

[lorenzobagnoli]

Here the page: www.suprastudio.com/projects

[Adam7 · Accepted solution]

Ok, a couple ways you could do it:

1. Use the Table app in our App Center. It's currently not responsive, though it might look fine since you're only using three columns: https://www.weebly.com/app-center/simple-table?ref=ac-search

2. Put each row of text into it's own columns element, so instead of having one columns element with multiple rows of text in it you have a single columns element for each row of text:

row 1. | row1. | row1 text etc etc
__________________________________

row2. | row2. | row2 text etc
__________________________________

row3. | row3. | row3 text