Stacked columns on mobile

Hello there,

I am using some stacked, nested columns to display two staff profiles.

These columns bunch up onto the same line on mobile which seems to be caused by a bit of Flex CSS which is forcing each column to a 50% width.

We would like to replicate the desktop layout with the image above, so would you be kind enough to point me at what I am doing wrong please?

Thanks a million.

Kind Regards,

Spencer

Hello Spencer,

Thanks for writing in! Please check your row settings. Make sure that you have set the template to display 1 column in all screen sizes responsively.

And in your column container, make sure that it is set to “Column” as the direction:

I have a hunch that you have set the direction to “Row” in a smaller device. If you are not yet familiar with the responsive element styling, please check this documentation:

If the above suggestions does not work for you, we would love to check your site settings. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
- Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

Best Regards.

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