How Do I Position Elements Side-by-Side on Smaller Screens?

By Default, Experios positions columns side-by-side on larger screen sizes, while stacking them vertically on smaller screens for better readability.

If you would like to override this behavior, you can fix a percentage width to each column that you want to keep side-by-side.

To do this, first drag the left and right sides of each column to position them as you would like them to appear on a desktop screen. Then in the General section of the Properties Control Column, add a percentage value to the Width property.

As long as the combined percentage value does not exceed 100%, the elements will now line up side-by-side when viewed on smaller screens.

Updated on June 24, 2022

Was this article helpful?

Related Articles