# Multicolumn

Explore FoxEcom Affiliate program perks now ✨

You can utilize a multicolumn section to showcase your store's services and other details. ## Customize a multicolumn section header First, you need to add a multicolumn section to your page. Choose a preset that best fits your needs.

In your section header block, you can easily add, remove, or reorder child blocks. * Child block can be a heading, sub-heading, or rich text.

## Customize your multicolumn grid ### Grid settings #### Layout settings

Here you can set your column layout for column elements and image /icon for vertical alignment. * Vertical alignment settings work with horizontal layout only.

{% tabs %} {% tab title="Vertical layout" %}

{% endtab %} {% tab title="Horizontal layout" %}

{% endtab %} {% endtabs %} #### Desktop layout Select your number of columns between 1 and 12 and the column gap by tweaking the toggles.

#### Mobile layout Similar to desktop layout, mobile layout lets you set your number of columns shown on mobile view (1 column/2 columns) and the column gap.

Check **Enable swipe on mobile** to display the blog posts grid in horizontal order with a slider on mobile view.

## Customize your column You can add and edit a maximum of **nine** child blocks to each column in the multicolumn section, namely: * Image * Icon * Heading * Text * Button * Add to cart button * Buy now button * Block * Custom code