On a web browser, a Pop-up shows the items in each row side by side. On a mobile device, each row shows only one item at a time. The items appear one after another in a single column.
This order follows a zigzag pattern. Users see the first row from the first item to the last. Then see the second row in reverse, from the last item to the first.
For example, consider a Pop-up with two rows. The first row has three images. The second row has three text blocks, one for each image. On a mobile device, users see the items in this order: Image 1, Image 2, Image 3, Text 3, Text 2, and Text 1.
Text 3 follows Image 3, and Text 1 appears last. Text 1 does not appear after Image 1.
The following example shows a how components in a popup appear on a mobile device:
Info:
A third row displays from the first item to the last, the same way as the first row. Each additional row switches direction.