Video Tutorial 1:
Video Tutorial 2:
You can see our first code sample on columns(code below). In this shortcode we have 2 settings for modification.
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.