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


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


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


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?



Last update on: January 16, 2021


Related Articles

Advanced layout

Custom column width, row alignment and more.

Layout options

Set layout options for the whole website.