Articles on: The editor

Grid scene settings

Grid mode is in beta and available in selected accounts only.


Grid scene settings apply to the scene as a whole, such as its name, height and background. The setting specific to grid scenes is Scene height, which sets how tall the scene is at least. In the Design view, you can also set Show grid.


Opening the scene settings in the Design view


To open the settings of a grid scene in the Design view:


  1. In the left panel, click Scenes. The Page structure panel opens with a list of the page's scenes.
  2. Hover over the scene you want to change and click the ••• button (tooltip Scene options).
  3. Choose Scene settings.


The settings open in the right panel.


Opening the scene settings in the Build view


In the Build view, every scene has a button with its name at its top right (tooltip Scene settings and actions). To open the scene settings, click that button. A card opens with all settings of the scene, and with Move scene up, Move scene down, Duplicate scene and Delete scene.


The Build view with the scene button at the top right of a scene and the scene card open


Setting the scene height


Scene height sets the minimum height of a grid scene, measured against the height of the visitor's screen. When the content needs more room, the scene grows taller than this minimum.


To set the scene height:


  1. Open the scene settings.
  2. Under Scene height, choose an option:
    • Auto — the height follows the content.
    • Half — at least half the screen height.
    • Full — at least one full screen.
    • Large — at least one and a half screens.


Opening the scene settings from Page structure in the Design view and setting Scene height to Full


Use Full for a scene that should fill the screen when it appears, such as an opening scene. Use Auto when the scene should be only as tall as its content.


Scene height is not available for a scene used as a popup.


Showing the grid lines in the Design view


In the Design view, the grid lines of a scene are shown when you hover over it. Show grid keeps them visible all the time, which helps while you line up content with the columns. The grid lines only show in the editor, not on the published page.


To show the grid lines:


  1. Open the scene settings.
  2. Turn on Show grid.
  3. Optionally, set the colour of the lines under Columns and Row & gutter.


Other scene settings


A grid scene also has the settings every scene has:


  • Name — the scene's name, shown in the list of scenes.
  • Type — Page, Popup or Sticky. Only the first scene can be Sticky.
  • Scaling — Original fit or Zoom.
  • Background — the background of the whole scene. See Backgrounds in a grid scene.
  • Transition — the transition into the scene.
  • Autoplay scene — moves to the next scene after a set time. Design view only.


For more about scenes, see Using scenes.


Scene settings in the Build view


In the Build view, a grid scene has the same settings as in the Design view, except:


  • Show grid is not available.
  • Autoplay scene is not available.


For what each view can do, see Roles and views in the editor.


Frequently asked questions


Why does a grid scene have no Fullscreen or Longpage setting?


A grid scene always scrolls from top to bottom and grows with its content. Its height is set with Scene height, which sets the minimum height of the scene. Longpage and Fullscreen only exist as starting points when you add a blank grid scene. See Create a grid scene.


Does a grid scene have a safe zone?


No. Grid scenes have no safe zone. The content follows the grid and the mobile version is generated from the desktop layout. See Edit the mobile version of a grid scene.

Updated on: 30/10/2026