How to add “Text Columns with Icons”?

The Text columns with icons section allows you to display several columns of short text paired with icons. It’s commonly used to highlight key store features such as shipping benefits, guarantees, or services in a clean and visually engaging layout.

Steps to Add Text Columns with Icons

1. Go to Online Store → Themes in your Shopify admin.
2. Click **Edit Theme **
3. In the theme editor, choose where you want to place the section (for example, right under the header).
4. Click Add section.
5. Search for Text columns with icons and select it.

Add Content to the Columns

1. Inside the section, click Add block → Column.
2. Configure the column settings:

• • Select an icon from the icon list or upload a custom icon.
  • Enter a heading.
  • Add a short text description explaining the feature.

3. Repeat the process to add multiple columns.

This allows you to create a row of icon-supported highlights such as store benefits or services.

Customize the Section

You can adjust the design in the section settings, including:

• Number of columns on desktop and mobile
• Icon position (above or next to the text)
• Column alignment (left, center, right)
• Borders or dividers between columns
• Carousel or swipe mode for mobile

These settings help ensure the section fits well within your header area and maintains a clean layout across devices.

Video Guide

You can follow the step-by-step tutorial here:

https://www.loom.com/share/80b854e0309c4c1fa76cfbe7a78a0a0e

For more details, please refer to the user guide here

Updated on: 13/03/2026