1. Home
  2. The Editor
  3. Basics
  4. Responsive Rows On Mobile Screen
  1. Home
  2. The Editor
  3. Responsive Rows On Mobile Screen

Responsive Rows On Mobile Screen

When you are using rows with multiple columns, there is a certain screen size where you will want the columns to stack on top of eachother, rather then staying side by side. Otherwise, the content inside those columns will become too squashed.

Adjusting When Columns Should Stack

  1. Choose a row where you wish to adjust when its columns should stack
  2. Make sure layout mode is turned off
  3. Resize your canvas to the exact size where the columns start to become too squished
  4. Notice the canvas size number on the top right corner of your screen
  5. Right-click the row you chose to open its context menu
  6. Open the Visibility menu and make sure Responsive Mode is enabled
  7. Set the Responsive breakpoint value to the number from step 4.

Show And Hide Content Based On Screen Size

Preview Screen Sizes While Editing

Updated on September 16, 2018

Was this article helpful?

Related Articles