Trying to create a table that does not wrap on mobile (using Row element)

I am trying to create a table-like solution in Pro (using Cornerstone) to detail statistics for moves in Pokémon games. I need 8 columns and I need all content to retain its structure even on mobile sites. However, I can’t seem to figure out how to do that.

Currently, the columns start to wrap on mobile screen sizes, rendering the headers irrelevant.

Do I need to change how I’m approaching the text size? I tend to use px because that’s what I’m familiar with, but I’m fine with the text size scaling based on the user’s screen size if it will maintain the integrity of my rows.

Is there something else I’m overlooking that will allow me to retain the structural integrity of the rows without them wrapping down to another line? Even with smaller text size, the wrapping still occurs. I’m just at a loss for what to do and I know I have a lot to learn. Your help would be greatly appreciated!

Hello Julian,

Thanks for writing in! If you are using the Row/Column elements, you will need to set the same layout all throughout the screen sizes. You can check it in your Row > Layout > Template option.

And then set the width:

This has been made possible with the Responsive Styling feature. If you are not familiar with this feature yet, please check this out:

Best Regards.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.