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 overlay content on a Box

      Use the Box Element to create a background and then place text, buttons, or any other elements on top of it. The Box Element offers a variety of useful features, including the ability to set a minimum height, add a background, and insert multiple ...

    • 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 Use the Google Map Element to Embed a Map

      The Google Map Element lets you display locations on your Reactive pages using the power of Google Maps. This is perfect for helping customers find your store, office, or any other important location. Adding a Google Map to Your Page Drag and drop ...

    • 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 : ...