Mandolin Section - Multicolumn


You can use the multicolumn section to display content in a column layout, and add a button below the columns to take the customer to a new page. Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or provide a review.

Section settings

Setting Description
Mobile layout How the blocks display on mobile. Choose between Horizontal and Stacked
Heading The heading of the section.
Heading size Set the height of heading using the drop-down menu:
  • Small
  • Medium
  • Large
Button label Enter text for a button, or leave blank to hide the button entirely.
Button link The URL that you want the button to link to.
GRID Those settings apply only if the mobile layout is set to grid.
Number of columns on desktop Set a specific column layout for desktop computers. Choose from 1 to 6.
Number of columns on mobile Set a specific column layout for mobile devices. Choose between 1 and 2 columns.

Column block

Setting Description
Image The image that you want to display.
Edit alt text Add a brief image description to improve SEO and to describe the image for customers using screen readers.
Image position Choose between Top and Bottom
Link URL for the link. Leave empty for no link.
Badge Badge text.
Heading The title of the column.
Heading size Set the font size of heading using the drop-down menu:
  • Small
  • Medium
  • Large
Description The paragraph text in the column.
Button label The text of a link added below the column block.
Button style The style of the button. Choose from Primary, Secondary, Outline and Underline.

Section cases

Recently viewed