A section can be divided into four columns. The Column Splitter widget enables you to split a column further, allowing you to display more than four columns of content.
To get started, click the + ADD CONTENT button.
Select the Column Splitter widget from the widget menu.
Next, select how you would like the column to be split.
Clicking on the Design tab allows customisation of the splitter background colour and transparency. Here you can also alter the widget padding and drop shadows.
If you don't want the widget to appear when viewing the website via mobile, tick the Hide on Mobile box.
Click save once you have your preferred splitter settings.
You can now add content to the separate columns within the Column Splitter. Click + ADD CONTENT, then select the widget you wish to display, e.g. the Image widget.
Then select the image to use from your library.
The Column Splitter allows a more compact display of multiple images.
Note: The Column Splitter widget lets you control how content displays on mobile. Normally, columns stack on top of each other in mobile view. If you want content to stay side by side (as they would appear on a desktop browser), un-tick the checkbox 'Stack content on mobile view' in the Column Splitter settings.
For example, if you have four images, they would usually stack into four rows on mobile. To show them in two rows instead, use two Column Splitters and add the images inside them. Make sure 'Stack content on mobile view' is un-ticked. This will display the images two-by-two instead of stacking all four vertically.