Work in Progress: How to make a Full-Page Flow

How to make a flow full-screen

In order to make a flow be full-width, you need to make some style changes to your flow. We recommend following the next steps:

Step 1:

  • Select your 'Entire flow' selector to give it styles.

  • If you are unsure how to do this, read Targeting Certain Elements.

Step 2:

  • Give your selector the following styles:

    • width: unset

    • max-width: unset

    • margin: 0px

    • border: none

  • Here is how it looks like with CSS:

.SignpostForm { 
    width: unset;
    max-width: unset;
    margin: 0px;
    border: none; 
  • And that's it! Now you have a full-screen flow.

Last updated