Column collapsing not working as expected, need help

I currently have a 4 section layout with 1 Row 2 columns nested inside a container for each of the 4 sections.
The layout is as follows:

Example 1:

[Header]


[Image] [Text]

[Text] [Image]

[Image] [Text]

[Text] [Image]


[Footer]

Layout of design, typography, and assets worked out perfectly for desktop/tablet views. However, the layout flow becomes inconsistent when I go into mobile landscape/portrait view. It becomes:

Example 2:

[Header]


[Image]

[Text]

[Text]

[Image]

[Image]

[Text]

[Text]

[Image]


[Footer]

50% of the layout doesn’t keep the same consistency as example 1. I’m using WF homepage as an example as to how I want the columns to function when the browser is narrowed. Any help is appreciated.

Hi @randyellis we have not implemented push and pull functionality that can help reverse this order for mobile devices. For now what you can do is copy+paste the row, reverse the content and only show this row in the phone devices and only show the original row in the desktop and tablet. You can do this by selecting the row, going to settings and choosing your visibility there at the bottom.

Excellent, great work around for now. Thank you.

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