How to Render in Mobile view not scaling / organizing correctly, side by side instead of above and below

Permalink Browser Info Environment
WE have pages with content that is adjacent to each other in a Free form layout container with 3 columns. We wish this content to be above an below each other in mobile view, similar to the Pixal 2 demo, however it renders side by side in mobile view. How do we achieve the results shown in the Pixel 2 demo? What is the correct layout object and content block to use for this behavior to work? thanks.

Type: Pre-Sale
Status: In Progress
View Replies:
shahroq replied on at Permalink Reply
Sorry, I didn't get what you mean. Please mark it on a screenshot and attach that to the post?
Which demo page you mean?
cloudouble replied on at Permalink Reply 2 Attachments
I have a layout block that is 3 columns wide with standard Conent block in each tile. When rendering on Mobile I would like to have these tiles reorder above and below each other instead of side by side, which is how they render on desktop and mobile. Is this possible?

The Pixel demonstration site has a page which has a similar 3 columnn layout with content. When rendered into mobile view the content items are displayed above and below each other instead of side by side. How is this done? What content blocks and layout types should be used? Thanks

On this page:
cloudouble replied on at Permalink Reply
Please can you reply, this is a high priority. thanks.
shahroq replied on at Permalink Reply
Check the Concrete5 documentation to see how you can create layouts:

concrete5 Environment Information

Concrete 5 hosted on Concrete5

Browser User-Agent String

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.117 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.