Chat with us, powered by LiveChat
  1. Home
  2. The Editor
  3. Basics
  4. Adapt Content To Screen Size
  1. Home
  2. The Editor
  3. Adapt Content To Screen Size

Adapt Content To Screen Size

Sometimes you need to show content based on screen size.

For example, if you want to show different content between mobile and not-mobile users. For that, you can use the Adaptive mode setting.

Using The Adaptive Mode

  1. Choose a component you wish to show only on certain screen sizes
  2. Make sure layout mode is turned off
  3. Resize your canvas to the exact size (or sizes) where the chosen component should be visible
  4. Notice the canvas size number (or numbers) on the top right corner of your screen
  5. Right-click the component to open its context menu
  6. Open the Visibility menu
  7. Enable the Show this component when the screen is… checkbox
  8. Select the comparison mode you wish to use from the dropdown, and type in the value you found on step 4. (or values, if using between)

 

Preview Screen Sizes While Editing

Responsive Columns On Mobile Screen

Updated on September 16, 2018

Was this article helpful?

Related Articles