Most themes contain all of a sections content within the section's container, but Bespoke provides the opportunity to overflow one container into the next
In this section...
Overview
The design works from a top down approach. The next container can overlap the previous, but not the one after it. The hierarchy is similar to a stack of magazine or pages opened in a book.
There are 2 main ways to overlap layouts within Bespoke:
- Margins
- Content
Margins
Each section and template has a margin setting for desktop and mobile ranging from -240px to 60px. A positive number will add space below the section, and a negative number will remove it:
| 60px | -60px |
Content
Sections can also feature text or images that can flow beyond the container to overlap the pervious container:
Most sections and template have a 'Contain content' setting that will disable this, and keep all content within the container
* NOTE: May not be available on all sections, blocks or templates