Code by Day | Explore By Weekend

set different column and item count for modules on each device with the divi responsive helper plugin by pee aye creative

Solution

Set Different Columns And Item Count For Modules On Each Device

Divi doesn’t offer a way to control how many items or columns display per row on different screen sizes, but our Divi Responsive Helper plugin solves this by letting you set both the number of columns and total number of items displayed for things like blog posts, products, gallery images, and more.

  • Choose how many items and columns to show per row at each responsive breakpoint
  • Works with the Blog, Gallery, Portfolio, and Woo Products modules
  • Maintain balanced, readable layouts that look great on all screen sizes
Nelson Miller Profile Orange

👋  Hello! I’m Nelson Miller, the owner of this company. I work with Divi every day and enjoy creating helpful solutions like this in our popular plugins. I hope you enjoy it, and let me know if you have any questions! 

problem

The Problem

Divi does not allow you to control how many items or columns display on different screen sizes. This limitation can result in layouts that appear cluttered on mobile devices or awkwardly stacked on tablets. As a result, users may find it difficult to navigate your content, leading to frustration and potential loss of engagement.
solution

The Solution

Our Divi Responsive Helper plugin provides a solution by allowing you to set the number of columns and total items displayed for various modules like Blog, Portfolio, and Gallery. You can customize these settings specifically for Desktop, Tablet, Phone, and the new Divi 5 breakpoints. This means you can have a clean, organized layout that adapts to each screen size. With this feature, your content will always look balanced and easy to read, no matter the device.
Divi Search Helper Logo

Set Different Columns And Item Count in Divi Today

With Divi Responsive Helper, you can easily set how many items and columns appear on each device. This ensures your content looks great and is easy to navigate, regardless of screen size.
action

How This Changes Your Workflow

This feature transforms your workflow by giving you precise control over how your content is displayed across different devices. Instead of a one-size-fits-all approach, you can tailor the layout for each screen size, ensuring that your design remains visually appealing and functional. This targeted approach helps you create a better user experience.

The Old Way 👎

  • No control over item count per device
  • Layouts can appear cluttered on mobile
  • Inconsistent display across different screen sizes

With Our Plugin👌

  • Set specific item counts for each device
  • Maintain clean layouts on all screen sizes
  • Ensure consistent and readable content display
Refresh icon with green arrows on gray background.

Real World Use Cases For How To Set Different Columns And Item Count

  • A store owner can show 4 product columns on desktop but only 1 on mobile, making shopping easier for customers on smaller screens.
  • A freelancer can adjust the number of blog post items displayed on tablets to avoid crowding, improving readability for visitors.
  • An agency can customize gallery layouts for different devices, ensuring that images are showcased beautifully regardless of screen size.
  • A content manager can choose to display fewer items on mobile to highlight key content, enhancing user engagement.
why

How To Use This Feature To Set Different Columns And Item Count in Divi

Go to the Pee-Aye Creative menu in your WordPress dashboard and select the Divi Responsive Helper plugin. Locate the settings tab on the left side where you can enable the feature for controlling item counts and columns per device.

After enabling the feature, you will see new options in the Divi Builder for each module that supports this functionality. You can now specify how many items and columns to display for Desktop, Tablet, and Phone views directly within the module settings.

Learn More In The Docs
frequently asked questions

Frequently Asked Questions

Can I set different item counts for each device?

Yes, you can specify the number of items and columns for Desktop, Tablet, and Phone views separately in the module settings.

Which modules are supported by this feature?

This feature works with the Blog, Gallery, Portfolio, and Woo Products modules, allowing you to customize their layouts for different devices.

Will this feature affect my current layouts?

No, enabling this feature will not alter your existing layouts unless you choose to adjust the settings for item counts and columns.

How do I access the settings for this feature?

You can find the settings under the Pee-Aye Creative menu in your WordPress dashboard, specifically within the Divi Responsive Helper plugin tab.

Is there a way to preview changes before publishing?

Yes, you can use the Divi Builder's preview mode to see how your changes will look on different devices before making them live.
Divi Responsive Helper by Pee-Aye Creative

Get This Feature And More With The Divi Responsive Helper Plugin

The ability to adjust item counts and columns for different devices is just one of the features offered by Divi Responsive Helper. This plugin gives you comprehensive control over how your content behaves across all devices, making it easier to create polished layouts.
Explore The Plugin

Explore Our Other Divi Solutions

Run Divi 4 To Divi 5 Migrations On Large Websites Without Browser Timeouts

Run Divi 4 To Divi 5 Migrations On Large Websites Without Browser Timeouts

Large Divi website migrations can fail when browser or hosting time limits interrupt the process, but our Divi Migration Helper plugin solves this by providing a WP-CLI interface to Divi’s built-in migration engine so you can run the migration directly on your server with support for previews, batch processing, progress checks, rollback, and Divi theme upgrades.

  • Run Divi migrations directly on your server
  • Process large websites in manageable batches
  • Preview, monitor, and roll back migrations
Automate Divi 4 To Divi 5 Migrations With AI And WP-CLI

Automate Divi 4 To Divi 5 Migrations With AI And WP-CLI

Browser-based Divi 4 to Divi 5 migrations cannot be included in automated development workflows, but our Divi Migration Helper plugin solves this by providing a WP-CLI interface with machine-readable output, reliable exit codes, and automation-friendly responses for scripts, CI/CD pipelines, and AI coding agents using Divi’s built-in migration engine.

  • Automate Divi migration workflows
  • Support AI coding agents with machine-readable output
  • Detect migration results with reliable exit codes
Use YouTube And Other External Sources As Dynamic Divi Background Videos

Use YouTube And Other External Sources As Dynamic Divi Background Videos

Divi background videos normally require videos to be selected from the WordPress media library, but our Divi Dynamic Content Helper plugin solves this by allowing you to use YouTube, Vimeo, MP4 URLs, and other external video sources as dynamic background videos connected through custom fields.

  • Use YouTube, Vimeo, MP4 URLs, and supported oEmbed fields as Divi background videos
  • Connect to custom fields for dynamic Divi section background videos
  • Works with existing Divi background colors, gradients, patterns, and masks with dynamic videos
Enable WooCommerce Product Search In Divi

Enable WooCommerce Product Search In Divi

The native Divi Search Module cannot search WooCommerce products by default, but our Divi Search Helper plugin solves this by adding support for WooCommerce product search, including categories, tags, searchable product data like SKU, and product details such as pricing in search results.

  • Search WooCommerce products directly from the Divi Search Module
  • Include product categories, tags, and searchable SKU data
  • Display pricing and product details in search results
Show More Relevant Search Results In Divi With Smart Search Matching

Show More Relevant Search Results In Divi With Smart Search Matching

Natural language and longer phrases can cause partial or poor search results in WordPress and Divi, but our Divi Search Helper plugin solves this with a special smart search matching feature by filtering unnecessary words, requiring stronger keyword matches, and prioritizing more relevant results.

  • Ignore common filler words in search queries
  • Require stronger keyword matches in results
  • Prioritize more relevant search results first
Save Additional User And Submission Details With Divi Contact Form Entries

Save Additional User And Submission Details With Divi Contact Form Entries

Divi contact form submissions do not include additional visitor context by default, but our Divi Contact Form Helper plugin solves this by letting you optionally collect details such as IP address, browser information, user agent data, and logged in user details.

  • Save IP address and browser information with submissions
  • Collect user agent and logged in user details when available
  • Enable or disable additional data collection per form
Save Additional User And Submission Details With Divi Contact Form Entries

Create Dynamic Admin Email Subject Lines In Divi Contact Forms

Generic admin email subjects in Divi can make notifications difficult to organize and cause unwanted email threading, but our Divi Contact Form Helper plugin solves this by letting you create dynamic subject lines using merge tags and submission data.

  • Create custom subject lines for admin notifications
  • Insert dynamic values using merge tags
  • Reduce inbox clutter and unwanted email threading
View All Solutions
Shopping cart0
There are no products in the cart!
You may be interested in…
divi migration helper
Divi Migration Helper
FREE Or Donation

Add to cart

Divi Builder Experience Helper Plugin by Pee-Aye Creative
Divi Builder Experience Helper
From: $36.00 / year

Select options This product has multiple variants. The options may be chosen on the product page

divi assistant plugin by pee aye creative
Divi Assistant
From: $69.00 / year

Select options This product has multiple variants. The options may be chosen on the product page

Divi Carousel Maker Plugin by Pee Aye Creative
Divi Carousel Maker
From: $29.00 / year

Select options This product has multiple variants. The options may be chosen on the product page

Logo for D Beginner Course with graduation cap
Divi Beginner Course
From: $47.00 / year

Select options This product has multiple variants. The options may be chosen on the product page

divi events calendar
Divi Events Calendar
From: $54.00 / year

Select options This product has multiple variants. The options may be chosen on the product page

Continue shopping
0