Gallery Module Number Of Columns Feature Overview
Why Do We Need This
The Divi Gallery module is very limited and does not include any layout settings. The only thing is offers is “Slider” and “Grid” which is not very helpful. When you select the Grid layout, there are no settings to set the number of columns, and this is very frustrating and limiting.
What This Feature Does
The Divi Responsive Helper plugin includes a feature to allow you to choose the number of columns you want to display on Desktop, Tablet, and Phone devices. Once you set the layout to “Grid,” our new settings will appear directly in the Divi Builder and you can choose the number of columns you want to stack side-by-side for each device size!
How To Use The Gallery Module Number Of Columns Feature
1. Enable The Feature In Theme Options
To begin using the Gallery module column stacking features, go to the Divi>Theme Options. There you will see a new tab that our plugin adds called “Divi Responsive Helper.” Once you click on that, you will see more tabs. Click on the “Column Stacking” tab to to see all of the column stacking features in the plugin.
Enable the setting toggle called “Gallery Module Number of Columns.” Enabling this feature activates the additional settings located in the Design tab of the Divi Gallery module settings when the Grid Layout is used for choosing the number of image columns to show on each device.
2. Select The Number Of Column In The Gallery Module
Once the Gallery Module Number of Columns setting is enabled in Divi Theme Options, a new set of settings will appear in every Gallery Module in the Divi Builder.
- Open up the Gallery Module Settings by clicking the gear icon.
- Go to the Design tab.
- Open the Layout Toggle.
- Set the layout to Grid.
There you will see three new options appear:
- Number of Image Columns on Desktop
- Number of Image Columns on Tablet
- Number of Image Columns on Phone
These are all set to default, so to change them simply choose a number from the dropdown menu for Desktop, a number for Tablet, and another number for Phone.
View Live Demo Of The Divi Gallery Module Number of Columns Feature
We have a full demo site where you can view all the Gallery module column stacking scenarios for any number of columns on each device.
Example Of The Divi Gallery Module Number of Columns In Action
The GIF below demonstrates the Gallery Module Number of Columns feature.