Changing / Hiding the "Select Page" Centered Menu Text

The Divi Theme comes with a range of header formats, including two "centered" layouts. When viewing these centered layouts on mobiles, the header menu is shown along with the "Select Page" text, e.g. If you'd like to remove or change this text, there are a couple of...
Fixing your Pixelated Divi Logo

Fixing your Pixelated Divi Logo

The Divi Theme lets you resize your site logo to a size of your choosing. However, if you're unlucky, you may find that your resized logo looks pixelated, no matter how smooth your original image. The cause of this problem is that the browser tries to resize the...
Changing the Divi Search Icon Hover Color

Changing the Divi Search Icon Hover Color

If you'd like to change the hover color of the Divi Theme's search icon, you can do so simply with the following CSS: /* Change the search icon color */ #et_search_icon:hover:before { color: #ff0000 !important; } Just replace #ff0000 with the hex code for your hover...
Make Divi Header Phone Number into Clickable Link

Make Divi Header Phone Number into Clickable Link

Make Divi Header Phone Number into Clickable Link I'm often asked how to make the phone number in the Divi Theme top header into a clickable link (i.e. a "Click to Call" link). Here's how to do it: Making the Phone Number Clickable via the Customizer Thanks to Kepler...

How to Add Text to Divi Top Header

The Divi Theme's top header (also known as the secondary menu bar) allows you to add a phone number, an email address, and social media icons. But it doesn't yet allow you to add plain text. This post describes how to add text to your top header. Here's how it will...

Hide Secondary Menu Items in Mobile Menu

The Divi Theme allows you to set a primary menu in the main header and a secondary menu in the top header. If you view your site on mobile you may notice that the menu items from both menus are displayed within the same mobile menu. If you don't want this behavior,...