While the Divi Theme doesn't seem to have support for making the box layout main area overlap the header navigation bar, we can achieve the effect quite easily. Here's what the result will look like: To achieve this effect, first disable the fixed navigation bar in...
divi booster
Add a "Sticky" Widget Area in Divi Theme
A "sticky" widget area lets you add widgets to your theme and have theme remain on display while the user scrolls down the page. Here's how to add a "sticky" sidebar widget area to the Divi Theme. What is a "Sticky" Widget Area? A sticky widget area gives you a place...
Vertically Center the Divi Header Links
If you change the height of the logo in the Divi Theme you may find that the links to the right of the header bar are no longer nicely vertically centered in the header bar. This happens because Divi uses a fixed amount of padding to move the links into the correct...
Add a Full-Width Image Above the Divi Header
One feature missing from the Divi Theme which can be found in some other themes is the ability to have a full-width image displayed right at the top of the page, above the main header bar. We can add such a "banner" image to Divi in the several ways: Adding an Image...
Add Widget Area Below the Divi Header Navigation Links
Several people have asked me whether it's possible to add a widget area to the right hand-side of the Divi Theme header bar. Here's the code to do so. It adds a widget area just below the Divi header navigation links (if you want to replace the Divi header navigation...
Hide the Standard Divi Theme Header
There are scenarios where you might want to remove the default header provided by the Divi theme—such as designing a custom header, improving focus on page content, or achieving a cleaner page layout. Hiding the standard Divi header allows for greater control over the...