Columns Layout

The following column shortcodes are available: one_half, one_third, two_third, one_fourth, three_fourth, one_fifth, two_fifth, three_fifth, four_fifth. The last column in each row needs to be declared as such, e.g. one_half_last, two_third_last, three_fifth_last etc. Otherwise your layout will break.

1/2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

1/2 last

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

[mnmlwp_columns]
  [one_half]
    <h3>1/2</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  [/one_half]
  [one_half_last]
    <h3>1/2 last</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  [/one_half_last]
[/mnmlwp_columns]
[mnmlwp_columns]
  [one_third]
    <h3>1/3</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  [/one_third]
  [one_third]
    <h3>1/3</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  [/one_third]
  [one_third_last]
    <h3>1/3 last</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  [/one_third_last]
[/mnmlwp_columns]

3/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

1/4 last

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

[mnmlwp_columns]
  [three_fourth]
    <h3>3/4</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  [/three_fourth]
  [one_fourth_last]
    <h3>1/4 last</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  [/one_fourth_last]
[/mnmlwp_columns]

2/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

2/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

1/5 last

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[mnmlwp_columns]
  [two_fifth]
    <h3>2/5</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  [/two_fifth]
  [two_fifth]
    <h3>2/5</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  [/two_fifth]
  [one_fifth_last]
    <h3>1/5 last</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  [/one_fifth_last]
[/mnmlwp_columns]

Column Layout On Smaller Screens

If you want to keep the column layout at smaller screen sizes you can add the “dont-break” class.

1/2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

1/2 last

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

[mnmlwp_columns]
  [one_half class="dont-break"]
    <h3>1/2</h3>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
  [/one_half]
  [one_half_last class="dont-break"]
    <h3>1/2 last</h3>
    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
  [/one_half_last]
[/mnmlwp_columns]