Divi Tutorials, Fixes & Customization Tips

Browse practical Divi tutorials, fixes and customization tips from Divi Booster. Find step-by-step guides for improving Divi modules, fixing common layout issues, customizing design details, and getting more from your Divi site.

Want the easier way to customize Divi?

Many of these tutorials show manual Divi fixes and code snippets. Divi Booster gives you 100+ extra Divi settings - no custom coding required.

Search Divi Tutorials

Looking for a specific Divi module, setting or fix? Search the tutorials below.

Hide Secondary Menu Items in Mobile Menu

The Divi Theme allows you to set a primary menu in the main header and a secondary menu in the top header. If you view your site on mobile you may notice that the menu items from both menus are displayed within the same mobile menu. If you don't want this behavior,...

read more

Remove Leading Zeros in the Countdown Module

The Divi Theme's countdown module allows you display a running timer which counts down to a given date and time. By default, the timer shows leading zeros on its numbers. Here's how you can remove those leading zeros. Remove the Leading Zero on the Days The number of...

read more

Changing the Divi Mobile Menu Font Size

Here are several ways to change the font size for the Divi Theme's mobile menu, Set the mobile menu font size in Divi Booster Divi Booster includes an option to set the mobile menu font size. You can set it at:​​Divi > Divi Booster > Header > Mobile Header...

read more

WooCommerce: Show 4 Products per Row

When you set up WooCommerce with the Divi Theme, you'll find it creates you a page for your store. After adding some products, you'll find that your store has a 3 column layout, like so: If you'd prefer to have four items per row, you can add the following CSS to...

read more

Add Space Between Fullwidth Portfolio Items

When used in grid mode, the Divi Builder's fullwidth portfolio module displays the featured images of projects right up against each other, as shown: If you'd prefer to have a bit of space between the images in your fullwidth portfolio grid, you can use the following...

read more

Stop Fullwidth Portfolio Images from Being Cropped

When used in grid mode, the Divi Builder's fullwidth portfolio module expands the featured images of projects to fully fill the grid boxes. This can lead to parts of the images becoming cropped or stretched, as can be seen in this same portfolio grid: If you'd prefer...

read more

How to Fix Divi Contact Module Captcha Problems

The Divi theme's Contact form uses a math-based captcha to help cut down on spam. However, in some cases you may find that when you (or your users) enter the form, they receive a message that the captcha code is incorrect. Assuming the code is in fact entered...

read more