On the Divi theme, when you open a drop-down menu and hover over a particular menu item, the item's background color is changed to highlight the item. If you want to change this color, or get rid of the hover effect (by setting its color to the same as the actual...
divi booster
Change the Height of the Divi Header
To change the height of the Divi Theme header, you can do so by adding CSS to Divi, like so:A couple of notes: This sets the minimum height rather than the absolute height to allow the header to grow if you add more content too it. The first min-height sets the...
Hide the Divi Header Navigation Links
If you'd like to hide the navigation links (including the search icon) in the Divi Theme's standard header, here are several options.Hide the Divi Header Menu within Divi Settings It's possible to remove the menu links and search icon within Divi itself. To do so: 1....
Stop the Divi Header from Shrinking on Scroll
The Divi Theme header has a default scroll effect which sees it "shrink" to a more compact version as you scroll down the page. If you'd like to keep the header at full-size as you scroll down the page, you can do so using either of the two methods below.Stopping the...
Removing the Divi Header Bottom Border
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...
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 Start a Divi Accordion Module All Closed
The Divi Theme includes an accordion module which allows you to create interactive, expandable sections that let you add supplementary content, such as FAQs, to your site in a non-intrusive manner. The default behavior of the Divi Accordion Module is to show the first...
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...