The Divi Theme has a three-lined menu button (also known as the "hamburger") which appears on small-screened devices (mobiles, etc). If you'd like to have the menu button on all screen sizes (and hide the menu links), here's how to do it. Here's how the Divi header...
Divi Booster
Adding Text Before the Divi Menu Button
The Divi Theme will, in some header configurations, display a three-lined "hamburger" menu button. If you'd like to add a bit of text, such as the word "Menu" before the button, here's how to do it.Adding Text to the Default Header Menu Button using Divi Booster Divi...
Fix Divi Slider Overlapping Text Issue
The Divi Theme slider lets you display slides along with overlaid text. If you are unlucky, you may run across an issue with the slider where the texts of all your slides are displayed at the same time, on top of one another. Kenny was having just this problem over on...
Hide Divi Theme Header Until Scrolled
Over on the Divi users facebook group, Geno showcased his new homepage. On it, he achieves a cool trick of having the Divi Theme header hidden until the user begins to scroll down. I decided to try and recreate the effect. Several ways of achieving the affect were...
Changing the Divi Mobile Header Menu Button Color
The Divi Theme's mobile layout features a menu button in the header - the three horizontal lines often referred to as the "hamburger" menu button. Despite its prominence on your site, you might find it surprisingly difficult to control its color. Controlling the...
Making the Divi Header Shrink Further Down the Page
The Divi Theme's header shrinks to a more compact view as you start to scroll down the screen. If you'd like to delay the header shrinking effect, so that it happens further down the page (e.g. so that the user would have to scroll down, say, 500px before the header...
Hide the Divi Search Icon on Mobile Devices
If enabled, the Divi Theme displays the search icon (a magnifying glass) in the header bar on all devices. If you want it to appear only on larger devices, not mobiles, you can hide it from mobiles in the following way: @media only screen and ( max-width: 980px ) {...
Use an "App-Style" Header Layout for Divi on Mobiles
The Divi Theme's header dynamically modifies itself to look good on small devices, such as smart phones. Here's how to make it look a little bit better. If you leave (or set) the Divi header as the "Default" header style, it will look like this: Depending on the size...
Fixing the Divi Header Menu Magnifying Glass Issue
There is a slight issue with the Divi Theme when you try to put a lot of links in the header bar, which sees the links shift down a row and the search box magnifying glass icon to get pushed down the page. Here's how to fix it. First, a look at the issue. Here is how...
Using the Divi Page Builder on Posts
Update: As of Divi 2.4, the Divi Theme now supports the Page Builder on posts. Simply start a post and click "Use Divi Builder" to enable the builder - there is no need to follow the steps in this post. One of the most impressive features of the Divi Theme is the...