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.