Skip to content

Moving dotted separator lines from vertical to horizontal on mobile layout

Use the following classes to switch the dotted line on a row from appearing on the left of the column to show above the column on mobile (See below).

Change this:


To this:


To make this change, make sure that action-row class goes on the row of an action row, and action-col class goes on each column that you want to switch the dotted line to show above on mobile.


Keywords: mobile, separator, dotted line, vertical, horizontal, desktop, action row, action column, action-row, class

Feedback and Knowledge Base