You are viewing an old version of this page. View the current version.

Compare with Current View Page History

Version 1 Next »

In this article, we will show how to create left-to-right placement of form elements when collapsing into a single column (under screen width constraint).

Add this CSS code into a Custom HTML element.

@media only screen and (min-width: 900px) {
    #section1 .form-cell{
        width: 48%;

@media only screen and (max-width: 900px) {
    #section1 .form-cell{
        width: 98%

Edit the column of this section to "Horizontal Layout"

When the screen width is more than 900px, fields will be displayed in 2 columns layout and when it is less than that, it will become a 1-column layout with field placement following left-to-right placement into single column.

  • No labels