Eliminating the bottom border bar from the Divi standard header creates a cleaner and more modern look on your website. This change can help your header blend seamlessly with the rest of the page, offering a sleeker appearance and improved visual consistency. In this...
Divi 4
Changing the Pin Icon in the Divi Map Module
The Divi Theme comes complete with a handy map module for easily creating embedded Google Maps. It has the option to add a pin, but no option to change the pin icon from the default. It is possible to change the icon in one of several ways:Change Map Module Pin Icon...
How to Make a Divi Accordion All Closed by Default – Divi 5 & Divi 4
By default, the Divi Accordion module opens the first accordion item when the page loads. If you want a cleaner FAQ, pricing, product details, or documentation layout, you may prefer all accordion items to start closed instead.Quick answer: To make a Divi Accordion...
Show Mobile Menu Button in Divi Header on Desktops
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...
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...
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...
Making the Divi Box Layout Overlap the Header
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...
How to Add Custom Icons to Divi Modules – Divi 5 & Divi 4
Divi includes a large set of built-in icons, but sometimes you need your own - such as a client logo, brand icon, product icon, or custom graphic that isn’t included in Divi’s default icon set. In this guide, I’ll show you how to add custom image icons to Divi’s...
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...
