Video Tutorial 1:

Video Tutorial 2:

1st parameter is mobile=”on” or mobile=”off” this will enable/disable column style for mobile. If leave it on columns will be look like same order like normal web page. This tag only supported on 1,2,3 columns!. This mean you can use maximum 3 columns in Mobile & Tablet devices. 

2nd parameter cls=”12″ is mean 12 vertical line full width page. This code sample below line is full width page;

[wmf_row]
[wmf_col cls="12" mobile="on"]Text or Code goes here...[/wmf_col]
[/wmf_row]

One half page (2 columns) is code below;

[wmf_row]
[wmf_col cls="6" mobile="on"]Text or Code goes here...[/wmf_col]
[wmf_col cls="6" mobile="on"]Text or Code goes here...[/wmf_col]
[/wmf_row]

One Third (3 columns) is code below;

[wmf_row]
[wmf_col cls="4" mobile="on"]Text or Code goes here...[/wmf_col]
[wmf_col cls="4" mobile="on"]Text or Code goes here...[/wmf_col]
[wmf_col cls="4" mobile="on"]Text or Code goes here...[/wmf_col]
[/wmf_row]

4 columns is code below. As you can see mobile=”on/off” tag is not using in here;

[wmf_row]
[wmf_col cls="3"]Text or Code goes here...[/wmf_col]
[wmf_col cls="3"]Text or Code goes here...[/wmf_col]
[wmf_col cls="3"]Text or Code goes here...[/wmf_col]
[wmf_col cls="3"]Text or Code goes here...[/wmf_col]
[/wmf_row]

You can find other columns shortcodes by clicking shortcode button in TinyMCE editor.