Subscribe On YouTube

Join other subscribers and enjoy other Divi video tutorials!

Divi Responsive Helper Plugin Feature Update 2.3

Nelson Miller Profile Orange
We continue to develop and add new features to our popular Divi Responsive Helper plugin and are pleased to announce this new 2.3 update.

▶️ Please watch the video above to get all the exciting details! 👆

New Features

Number Of Columns In Woo Modules

As you probably know, some of the Divi WooCommerce modules are quite lacking in features. There is no way to set the number of columns,but now we have added responsive settings to set the number of columns on Desktop, Tablet, and Phone in the three Woo modules:

  • Woo Related Products
  • Woo Product Upsell
  • Woo Cross Sells
new WooCommerce column stacking settings in the Divi Responsive Helper plugin
Woo Related Products responsive number of columns settings in the Divi Responsive Helper 2.3
Woo Product Upsell module responsive number of columns settings in the Divi Responsive Helper 2.3
Woo Cross Sells module responsive number of columns settings in the Divi Responsive Helper 2.3

Custom Gutter Width

The default gutter width setting in Rows is limited to 1-4, with each number representing a percentage. But what if you want to use pixels or other units? And What if you want a different gutter width value on Desktop, Tablet, and Phone? Until now, it was impossible. But We have added a new feature in the Layout tab of the Divi Theme Options to enable a custom gutter width option in the Divi Builder rows. First, enable the setting in Theme Options. Then in any Row, after turning on the Use Custom Gutter Width setting, you will see our new setting:

custom gutter width value and unit setting desktop tablet phone in the Divi Responsive Helper 2.3

Note this custom gutter width feature does not work with any of our custom number of columns features, as this would require a lot of work to make this compatible. It will work for default rows and columns and also in Specialty Sections.

Column Stacking For Specialty Sections

Now you can use the row column stacking and number of column features in rows inside Specialty Sections! The same settings now appear there, just like rows in regular sections.

Collapse Submenu When Another Is Opened

We added another setting related to the menu and collapsing submenus. Now, you can enable an additional setting that closes any opened submenu as soon as you open another submenu. This way, there is only one submenu open at one time.

Collapse Submenu When Another Is Opened setting in the Divi Responsive Helper 2.3

Opened/Closed Icon Picker For Menu Module

Until now, we set the default hamburger icon and X icon for open and closing the mobile menu in the Menu module, but now you have the options to choose any icon you want.

mobile hamburger menu open and closed icon picker settings in the Divi Responsive Helper 2.3

Viewport Size

Now you can see the current size of your viewport! Just enable this setting in Theme Options in the Preview Size tab, and this will add the current viewport width and height size in the Visual Builder page settings.

show viewport size in the Divi Responsive Helper 2.3
show viewport size in Divi Visual Builder in the Divi Responsive Helper 2.3

Improved The Fixed Navigation Bar On Tablet/Mobile

We recently added the setting for Fixed Navigation Bar on mobile for the default header menu. But this only worked when you also enabled the main Fixed Navigation Bar in Divi Theme Options. Now this setting will work to make the menu fixed on Tablet and Phone even if you do not have the main setting enabled (which affects Desktop).

Remove Plugin Data When Uninstalled

This new setting in the Theme Options will remove all plugin data and saved settings when you uninstall the plugin. This setting is OFF by default. You should only enable this setting if you are removing the plugin permanently, so please use this setting carefully with the understanding that if you enable the setting you will lose all saved settings when you uninstall the plugin.

remove plugin data setting when uninstalling the Divi Responsive Helper 2.3

Documentation & Demos

Don’t forget, we have a live demo site showing all the features. We keep our changelog updated always. And be sure to browse the documentation to see everything in detail.

Learn More About Divi Responsive Helper

If you are not using this plugin yet, please visit the product page and learn how you can use make your website look great and function well on all devices with the help of our huge suite of over 50 awesome features and unique settings in this ultimate Divi responsive toolkit!

Divi Responsive Helper Plugin by Pee Aye Creative

Subscribe For More Things Like This!

At the start of each month, we send out a recap newsletter from the month before with family news, Divi news, our latest tutorials, and product news. Occasionally, if the news is too exciting to wait, we will send out another email separate from the monthly newsletter. That’s what you get when you subscribe, and of course you can unsubscribe if you are no longer interested!

Blog Post Optin
Divi Logo (2)

Shop Our Divi Products

Plugins • Courses • Templates

Visit The Shop

Featured Products

Asset 4

New! Trail Guides

Follow a series of blog posts carefully arranged around a specific topic or goal! Keep track of your progress by marking posts completed, just like a free course!

View Trial Guides

Divi Trail Committee Membership badge with map design

Join The Trail Committee!

Show support for our ongoing work creating community resources at Pee-Aye Creative and enjoy exclusive member perks in return.

Learn More

Divi Tutorials On YouTube

Our videos have views! Join subscribers and enjoy over video tutorials!

Visit Our Channel

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

4 Comments

Comments By Members

These comments are highlighted because they were posted by fans who have a membership on this site.

  1. Spencer Taylor <span class="comment-author-role-label"><a href="https://www.peeayecreative.com/product/divi-adventure-club/" class="comment-author-role-link" rel="external nofollow" target="_blank">Divi Adventure Club Member</a></span>

    Is there a way to add an option that allows one to change the default Divi breakpoint for responsive output, which I believe is 980px wide? For example, I test all my designs for the “Chromebook” width of 1366px. Also, the newer Apple iPad Pros have some unusual viewport widths. It would be helpful if I could change that breakpoint from 980px globally. Please accept my apologies if there is already a setting to do this that I am missing. Thank you for continuing to build valuable features into the Divi Responsive Helper! Your plugin has become a must-have for me to build any Divi site for clients and myself.

    Reply

Comments By Others

Submit a Comment

Your email address will not be published. Required fields are marked *

Recent Posts

0

Your Cart