Stack Columns for Mobile

We have setup (1) row with (2) columns.

For mobile, we would like the columns to not stack.

Using this video from YouTube, https://www.youtube.com/watch?v=DAd-jp9LIGQ&feature=youtu.be
it appears that there is a workaround for this.

However, in the latest version of X-theme we can’t seem to find the style box where we can input the width and the float.

You can see it in the video starting around the 1:00 mark.

Can you give me some help on this?

Thanks in advance.

Hi Grant,

The style field has been replaced with the Element CSS field from the version 2 of column element:

To make the columns not stacking, please add this inline CSS to the row contains 2 columns:

display: flex;

Hope it helps :slight_smile:

1 Like

Brilliant. Works great. Thanks so much for your help and quick response.

You’re most welcome!

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