The Divi Theme includes several mobile menu bar styles. When the desktop version of the site is using a centered header style, the mobile site will display a grey bar with the text "Select Page" and a right-aligned mobile menu button. If you'd like to change the color...
Notes
Centering the "Select Page" Mobile Menu Bar Button
The Divi Theme includes several mobile menu bar styles. When the desktop version of the site is using a centered header style, the mobile site will display a grey bar with the text "Select Page" and a right-aligned mobile menu button. If you'd like to center the...
Fix Slider Module Slide General Settings not Displayed
If you find that the General Settings tab of slides in your Divi Theme slider modules are blank, the reason is likely to be that the site has been updated to WordPress 4.9, while still on an older version of Divi. WP 4.9 caused some issues with the color picker...
Add Drop-Shadow to Slick Menu Hamburger
If you want to add a drop shadow to a standard Slick Menu hamburger menu button, you can do so with the following CSS:...
Fixing 404 Not Found Error on Divi Booster Files
An issue I see crop up from time to time is that Divi Booster's settings aren't being applied due to 404 Not Found errors. Normally, Divi Booster loads the following files to add the CSS / JavaScript code it generates to the site:...
Show Archive Page Featured Images on Left of Post Extract
An earlier post covered how to show blog module featured images to the left of the post text in the Divi theme. Here's the equivalent CSS for doing the same thing on the standard category / archive / search pages:Related Post: Adding CSS to the Divi Theme The final...
Using the Divi Code Snippet Module from a Shortcode
My Divi Code Snippet Module lets you easily display source code snippets in your Divi Builder layouts. However, there may be times you want to add a code snippet to a page when you don't have the Divi Builder enabled on that page. It can be done by using the module's...
Adding a Centered Title to the Header
Here's how to add a piece of centered text above or below the Divi theme's main header. This is useful for adding a site title, etc.Adding Centered Text Above the Header If you'd like to add a centered site-wide title at the top of your Divi Theme header, here's a...
Divi Breadcrumbs Module – Showing First and Last Links Only
My Divi Breadcrumbs Module allows you to add breadcrumb links into your Divi Builder layouts. These links are automatically generated. For example, for a post the breadcrumb links will look something like: "Home > Category > Subcategory > Post Title". If...
Fixing 403 Forbidden Error on Divi Booster's JavaScript File (wp_footer.js)
A problem I see Divi Booster users have from time to time is a 403 (Forbidden) error on the Divi Booster JavaScript file (wp_footer.js). This prevents the browser from loading the necessary JavaScript code to apply some of Divi Booster's features, such as the...