Columns In Row

Business Background

Configure the columns in a row for the comparison card widget when you use a device size of tablet (s) and smaller.

Titan Solution

With Titan Web, set the number of columns in a row on the comparison card widget.

How to Video

Coming soon.

How to Guide

Note:

Prerequisite:

Read more about device layouts and the different size options in Titan Web.

  1. Click the + icon to add an element.
  2. Under Widgets, drag the Comparison Card widget to the canvas.
Comparison Card widget
Comparison Card widget
  1. Change the device layout:
    • Tablet (S)
    • Mobile (L)
    • Tablet (S)
Device layout options
Device layout options
  1. Click the Gear icon to open the Settings screen.
  2. Type a number in the Columns in Row field.
Columns in Row field
Columns in Row field
  1. Save and Preview the project.

The top example has 2 columns in the row and the bottom example has the default 1 column in a row.

Examples
Examples

Hidden Title

Need more help?

Titan logo
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.