Inserting New Breakpoint

Sometimes you may need to insert an additional responsive layout that belongs between two existing layouts. If you enter the desired breakpoint you will find that it will take the content from the next smaller breakpoint, which can be problematic. To get around this, do the following:

  1. Create a new layout but set the breakpoint to a size larger than the one your want to duplicate.
  2. Go to the Scene inspector and enter the desired layout size.
  3. Enter the desired breakpoint. The layout in the layout window will move the new layout to the proper order.
  4. Adjust the content to suit the new layout.

If you need to to this in a project that already has a number of scenes, do this:

  1. Create a new layout but set the breakpoint to a size larger than the one your want to duplicate.
  2. Repeat this for every scene.
  3. Go to the Scene inspector and enter the desired layout size. Make sure that “Apply to matching layouts” is checked.
  4. Enter the desired breakpoint. The layout in the layout window will move the new layout to the proper order.
  5. Adjust the content for each scene to suit the new layout.
  6. Set the breakpoint for each.
3 Likes