Header

Hide the Email Icon and/or Email Address in Divi

Here's how to hide the email address / email icon from the top header in the Divi Theme.Hide the Email Address and Icon The best way to do this is to by simply configuring Divi not to display an email address in the first place. You can do so by going to "Divi > Theme...

Changing the WooCommerce Cart Item Count Text

If you setup a WooCommerce store on the Divi Theme, the header will display a count of the items in the user's cart. The text for this will be of the form "2 Items". If you’d like to change this text, e.g. to translate it into another language, you can use the...

Changing the Secondary Header Text and Icon Hover Colors

The secondary header in the Divi Theme allows you to display details such as your phone number, email address, social icons and a secondary menu. You can easily change the non-hover color of these items using the following built-in Divi option: Divi > Theme...

Make the Divi Header Hidden Initially (but with the Logo Showing)

A neat header effect some sites are using is to have an initially invisible header menu with just the logo showing over the content of the page. Then when the user scrolls down the header is revealed and the logo takes up its rightful place within it. Here's how to...

Display Site Title and Tagline Text in Header

The Divi Theme has a highly configurable header. One thing that is missing, however, is an easy way to display a text-based site title and tagline alongside, or in place of the logo. For example:Here's how to do it using Divi Booster or, if you prefer, manually via...

Resizing Full Width Header Text on Mobiles

If you add a full width header to a Divi Theme page, you may find that it looks right on desktops, but that the font sizes are too big on mobiles. This can be fixed by using one of Divi's more hidden features - different font sizes for mobiles and tablets. ​If you go...

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

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...