Docs
Forms
Styling
Overlap Sections
Overlap Sections
Make a section overlap adjacent sections by 2 Fluid Engine grid units, creating a clean continuity of design.
Make a section overlap adjacent sections by 2 Fluid Engine grid units, creating a clean continuity of design.
Make a section overlap adjacent sections by 2 Fluid Engine grid units, creating a clean continuity of design.
Applies to
Abode
Abode
Cove
Cove
Handshake
Handshake
Kintsugi
Kintsugi
Learnable
Learnable
Marigold
Marigold
Nautilus
Nautilus
Opponent
Opponent
Parable
Parable
Quantum
Quantum
Retrograde
Retrograde
Sidecar
Sidecar
Tandem
Tandem
How it works
While editing a section, set the Alignment to "bottom", and you should see an immediate shift in the placement of content. At first, there won't be a background behind the overlapping content—the easiest way to add one is a Shape Block. Simply drag one onto the canvas, resize, and add styling. Note: This overlap happens on mobile too, so double-check on that breakpoint to see if anything is being covered, and adjust accordingly.
While editing a section, set the Alignment to "bottom", and you should see an immediate shift in the placement of content. At first, there won't be a background behind the overlapping content—the easiest way to add one is a Shape Block. Simply drag one onto the canvas, resize, and add styling. Note: This overlap happens on mobile too, so double-check on that breakpoint to see if anything is being covered, and adjust accordingly.
While editing a section, set the Alignment to "bottom", and you should see an immediate shift in the placement of content. At first, there won't be a background behind the overlapping content—the easiest way to add one is a Shape Block. Simply drag one onto the canvas, resize, and add styling. Note: This overlap happens on mobile too, so double-check on that breakpoint to see if anything is being covered, and adjust accordingly.
Still have a question?
Check out the FAQ page, or send a message via the Contact page.