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...
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...
There is a bug in the way the SiteOrigin's Vantage Theme handles its sticky menu. In order to achieve the sticky menu effect, the theme checks if the user has scrolled down far enough, and if so creates a copy of the current menu bar and places it in a fixed position...
Brent asks "Is it possible to change the font size in only one text module with CSS in Divi?" It is indeed possible in the Divi Theme to change the font size on a single text module. Here are two ways to do it. Changing the Font Size in the Text Module Settings The...
Many of my Divi Theme tips and tricks will involve adding some CSS to your theme. Here is how to add your own CSS to the Divi Theme. Adding CSS to Divi via the Theme Options The easiest, and perhaps best way to add CSS to the Divi Theme is via the Custom CSS box in...
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...
A prominent feature of the Divi Theme is the responsive header which starts off large, then shrinks to a smaller version as you scroll down. This smaller header hovers above the content of the page. Disabling the Fixed Divi Header If you’d rather not have the header...
