Columns

You can add shortcodes to create responsive ready columns to your pages.

Adding Columns in WordPress

The following code creates columns that will display a 3 columns on large screens, but will automatically display each column as full-width on mobile and tablet screens.

Left Column
Middle Column
Right Column
[efsrow]
[efscolumn lg="4" md="12" sm="12" ]
Left Column
[/efscolumn]
[efscolumn lg="4" md="12" sm="12" ]
Middle Column
[/efscolumn]
[efscolumn lg="4" md="12" sm="12" ]
Right Column
[/efscolumn]
[/efsrow]

For large screens the values should be any combination adding up to 12. So you can have or any other combination with the values of lg adding up to 12:

[efsrow]
[efscolumn lg="3" md="12" sm="12" ]
Left Column
[/efscolumn]
[efscolumn lg="6" md="12" sm="12" ]
Middle Column
[/efscolumn]
[efscolumn lg="3" md="12" sm="12" ]
Right Column
[/efscolumn]
[/efsrow]