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,...
Features
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...
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...
Hide the Phone Icon and/or Phone Number in Divi
Something I get asked from time to time is how to hide the phone number / icon the Divi Theme. Here's how to do it:Hide the Phone Number and Icon To hide both the phone number and icon, you can use the following CSS:...
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...
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...
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...
Enable Divi Builder on Custom Post Types
If you use the Divi Theme, you'll be familiar with the power and flexibility of the Divi Builder. However, when you start working on a custom post type you may find yourself missing the Divi Builder. If you'd like to enable the Divi Builder on your custom post types,...
Secondary Header Social Icons on Right
By default, the secondary header in the Divi Theme will display the social icons on the left when the contact information (phone / email) are enabled, but on the right if there is no contact information. If you'd like to display the social icons on the right-hand...
Stop Divi from Cropping Feature Post Heights
The Divi Theme sets a maximum height on featured post images at 675px. If you upload an image taller than this it will be cropped. You can prevent this behavior by increasing the maximum height (to about 1000px) by adding the following filter to your functions.php...