Building in the WCMS
A responsive image is a container element built from image files uploaded to the WCMS. Any images uploaded to the WCMS can be used to construct a responsive image. For details on uploading images, see the WCMS instructions for basic images.
Creating a Responsive Image
Responsive images are single-use elements that must be created in Visual Composer (either a web page or a reusable Visual Composer module):
- Select the “Add Element” tool and, when prompted, select “Responsive Image” as the element type.
- In the Settings pop-up, select the uploaded image files for the viewports. (There is a field for each of the six viewports.)
- Ensure that alt text is entered and click OK.
Note that an image file is not required for every viewport. Typically, you should select images for at least viewports 6 and 3. However, depending on the image content, additional files may be required for optimal display.
Remember to preview in every viewport.