Use Columns to align content and create horizontal dropzones

Use Columns to align content and create horizontal dropzones

Columns allow you to position elements side by side, making it easy to create horizontal layouts. You can drag elements into a column element to define horizontal drop zones.

How to Add Columns

Columns are ideal for arranging content horizontally on a page. Simply drag the Column element onto your page.

Styling the Column Element

Changing the Number of Columns
You can adjust the number of columns in a Column element, up to a maximum of six.

Adjusting Column Sizes
Column widths can be customized via the right-hand menu. Note: On smaller screens, column widths are equal and not adjustable.

Changing Column Spacing
Control the spacing between columns to increase or decrease the gap between your content.

Columns on Mobile

The Stack on small screens toggle determines how columns display on mobile devices:

  • Disabled: All columns stay in a single row.

  • Enabled:

    • 3 or fewer columns stack vertically, one per row.

    • 4 or more columns stack in two columns per row.

    • Related Articles

    • How does Content work on your website?

      Reactive uses the logic of content for various sections of your website. Reactive Page Builder makes the management of your website's pages, categories, and products extremely easy. Content is available in the following sections: Categories. ...

    • How to use the Box Element to style and structure page sections

      The Box element is a flexible tool for organizing your page layout, structuring sections, and creating overlays with image or video backgrounds. Adding Boxes to Your Page Boxes are simple to use: From left sidebar menu. Drag and drop the Box element ...

    • How to create a Category

      Find it quickly: Products > Menu You must first build a menu by clicking the "create" button in the upper right corner of your screen before you can begin generating categories. Title : Here you set the name of the menu. Start creating Categories : ...

    • How to create a Page

      To create a page navigate to the Pages section from the sidebar menu of your admin panel under Website and click on the "Create" button that appears on the top of your screen. Pages include a few settings allowing you to fully customize the way pages ...

    • How to create a product

      And now it’s time to add products to your store! The platform allows you to create any type of product you wish to sell to your customers. To create a product, visit the admin panel and click on Products from the E-shop menu. Then click on the ...