Full-width Image and Text
Use one of these tags:
layout:fluid-image-leftlayout:fluid-image-right
The fluid layouts create a full-width 50/50 section. One half is image-led and the other contains text. On mobile the image appears above the text for both variants.
#Data mapping
| Visible element | NationBuilder field |
|---|---|
| Section heading | Basic page headline |
| Body copy, links and buttons | Basic page content |
| Image | First image attachment |
| Image alternative text | Page excerpt, falling back to headline |
These layouts crop more aggressively than the contained image layouts. Choose a large landscape image with a safe focal point near the centre. Preview at mobile width after changing the image.
Use the contained Image Left / Right layout when the complete image must remain visible.