Thursday , April 18 2024
Home > Magezon Extensions > Magezon Page Builder Tutorials > Magezon Page Builder: How to Create Equal Height Columns

Magezon Page Builder: How to Create Equal Height Columns

Create equal height columns in Magezon Page Builder

Creating equal height columns is very important in web design but normally requires CSS to achieve. In Magento 2, this is not an exception. 

However, with Magezon Page Builder, creating layouts with equal height columns has become much easier and faster with no CSS needed. Curious? Let us show you how in this post today. 

Video tutorial

After installing Magezon Page Builder, you can open CMS pages, CMS blocks, category description, product description and short description to view the new builder interface like this: 

Magezon Page Builder interface

Suppose that you create a layout with multiple columns like this:

Create multiple columns
  • Hover over the row, then move your mouse over Row in the top bar. After that, click Edit in the drop-down.
Open row settings
  • In the popup, turn on Column Equal Height. Then Content Position field will show up where you can choose to display content in the columns on Top, in the Middle or at Bottom.
Set equal height columns and choose content position

Remember to save after finishing. 

Now let’s see how a layout with equal height columns looks like on frontend: 

Equal height columns with content on top
Equal height columns with content on top
Equal height columns with content in middle
Equal height columns with content in middle
Equal height columns with content at bottom
Equal height columns with content at bottom
Read more:
Spacing Columns by Gap Type and Column Gap in Magezon Page Builder
How to Reverse Column Order in Magezon Page Builder
Magento Page Builder: How to Create Multiple Columns

Try FREE Magezon Page Builder demo today

Easily create beautiful, engaging Magento website in any style whenever you want without relying on developers or designers. Just by drag & drop.

About Trang Vu

Trang Vu
Min is a content marketer with more than 2-year experience in Magento. She has great patience and high concentration ability to deal with every pressure at work.

Check Also

Copy paste content

How to Copy Content Between Pages or Domains in Magezon Page Builder

When building a website, you will need a consistency in design. It’s the vital key …

Leave a Reply