Get meza theme
///Custom layout with row

Custom layout with row

use row and column to create custom layouts.

Both sidebars layout

In this example, we will use row element to create a responsive Both sidebars layout.

Build the layout

Add the content

Make it responsive

For more clear we will make it responsive for each device in separated video

Tablets

For tablet we will make the content column full width on top and both sidebars in half width at the bottom.

Mobiles

For mobiles we will make the sidebars in full width instead of half width on tablets.

Extra

Meza layout has more tricks, In this section we will cover sticky columns to make sticky sidebars and how to make both the sidebars in the same side whether right or left

Sticky columns

Both sidebars in same side

Next step:

Was this article useful?

Yes

No

Last update on: May 3, 2020

Share:

Related Articles

Layout options

Set layout options for the whole website.

Advanced layout

Custom column width, row alignment and more.