Image Row Section
A full-width row with overlaid text and separate background images and heights for desktop and mobile.
How to add it
Edit a page, open the module picker, and search for Image Row Section. Drop it into a drag-and-drop area, then fill in the fields below. See the theme modules page for how the modules look together.
Fields
Fields are grouped as they appear in the editor. Indented rows belong to the group above them.
| Field | Type | Notes |
|---|---|---|
| Section ID | Text | If you use multiple parallax rows on a page you will need to have a unique ID for each one. Default: parallax-rw1. |
| Background Image Mobile | Image | Parallax background images need to be as tall as the device height to prevent zoomed and blurry images. 500px x 1000px 1000px x 2000px (retina) |
| Background Image Desktop | Image | Note: parallax requires background images to have a 4:3 aspect ratio because the image is fixed to the entire browser window. If the image is wider than tall the image will be enlarged making it blurry. |
| Row Text | Rich text | |
| Row Text Align | Dropdown | Options: Left, Center, Right. Default: center. |
| Row Height Mobile | Number | You will most likely want the mobile height to be larger than the desktop height because the text is being condensed into a smaller space. Default: 400. |
| Row Height Desktop | Number | Default: 300. |
| Row Padding | Number | Default: 1. |