Portfolio Modules Number Of Columns Feature Overview
Why Do We Need This
The Divi Portfolio and Divi Filterable Portfolio modules are very limited and do not include any layout settings. The only settings they offer are “Fullwidth” and “Grid” which are 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 Portfolio Modules Number Of Columns Feature
1. Enable The Feature In Theme Options
To begin using the Portfolio and Filterable Portfolio 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 “Portfolio Modules Number of Columns.” Enabling this feature activates additional settings located in the Design tab of both the Divi Portfolio module and Divi Filterable Portfolio module settings when the Grid Layout is used for choosing the number of portfolio columns to show on each device.
2. Select The Number Of Column In The Portfolio Modules
Once the Portfolio Modules Number of Columns setting is enabled in Divi Theme Options, a new set of settings will appear in every Portfolio Module and Filterable Portfolio Module in the Divi Builder.
- Open up the 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 Portfolio Columns on Desktop
- Number of Portfolio Columns on Tablet
- Number of Portfolio 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.
Example Of The Divi Portfolio Modules Number of Columns In Action
The GIF below demonstrates the Portfolio Modules Number of Columns feature.
View Live Demo Of The Divi Portfolio Modules Number of Columns Feature
We have a full demo site where you can view all the Portfolio module and Filterable Portfolio module column stacking scenarios for any number of columns on each device.