Enable Social Icons in the Divi Header

In the default header setup Divi places the social icons in the secondary header bar (the thin strip at the top with the phone / email icons). However, you need to first enable this at: Divi > Theme Customizer > Header & Navigation > Header Elements >...

Hiding Divi's Secondary Menu Bar

The Divi Theme's header consists of two parts: the primary menu bar, which contains the logo and main menu links, and the optional secondary menu bar, which various elements such as the email address, phone number and social network icons. If you'd like to remove the...

Changing the WooCommerce Cart Icon

The Divi Theme has support for WooCommerce built-in and will display a cart icon in the header when products have been added to the cart. The default icon is a shopping cart. Here's how to change it to something different. Using a Different Built-in Icon The cart icon...

Change the Height of the Secondary Header

Increase the Height of the Secondary Header You can increase the height of the Divi Theme's secondary menu bar using the following CSS: @media only screen and (min-width: 981px) { #top-header { padding-top: 30px; padding-bottom: 30px; } } Related Post: Adding CSS to...

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