Savvy
Go to Savvy Homepage
Go to Savvy Builder
Searchโฆ
๐
Welcome
Key Concepts
๐
Intro to the Builder
๐ผ
Designing in Savvy
๐ฆ
Conditions
๐ฉ๐ป
Computed Fields
๐ฎ
Data Outputs
๐ฒ
Integrations
๐
Going Live
โก
Savvy's New Rendering Engine
How Tos
๐
Content How-tos
๐จ
Design How-tos
๐
How to Center Components
๐
How to Style Buttons
๐ฝ
How to Add a Video/GIF Placeholder to a Video Component
๐ฉบ
How to Use Custom Selectors
๐ฅ
How to make a Full-Page Flow
๐ค
How to set up a Micro-Product as a Popup on your Site
โ
Logic How-tos
Reference
๐ฆ
All Components
๐จ
Design
๐งฎ
Logic
๐ฅ
The Builder UI
๐ง
Flow-wide settings
๐ฑ
Publishing Workflow
๐
Definitions
๐
Embed your Micro-Product
TIPS
๐ค
Rules and Tips for a Proper Build
โ
Going Live Checklist
๐ฉ
URL Savvy Tricks
Other Guides
๐
Intro to Savvy Analytics
๐
Adding Segment to Webflow
Meta
๐ฎ
Roadmap
๐
Changelog
โ
How to Write Docs
Deprecated
Powered By
GitBook
๐ฅ
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:
1
.SignpostForm {
2
width: unset;
3
max-width: unset;
4
margin: 0px;
5
border: none;
6
}
Copied!
And that's it! Now you have a full-screen flow.
โ
Previous
How to Use Custom Selectors
Next
How to set up a Micro-Product as a Popup on your Site
Last modified
3mo ago
Copy link
Contents
How to make a flow full-screen
Step 1:
Step 2: