Article

Divi: Hide Social Media Icons in Footer

In the footer of the Divi theme, a set of social media icons appear:

You’ll want to turn these off if you’re not using. Or, you can add in your social media information for the ones you’re using them.

In the theme customizer, select the Footer.

Then in the submenu that appears after that, select Footer Elements:

Then unselect the option for show social icons, and then press Publish.

After that, the social media icons should have disappeared from the footer of your site.

Adding your own links to the social media icons

In the Divi theme options, you can also choose which social icons to show and add your own addresses to those that you are using.

From the WP Dashboard, choose the Divi menu and Theme Options.

On the Divi Theme Options page, be sure that you are on the General tab (which should be the default tab when you open Theme Options). Scroll down until you see the following part of the page:

It’s in that set of options that you can individually disable/enable different icons. And in the field that says URL, e.g., Twitter Profile Url, you can enter the full address of your social media info

Article

Divi: hiding the logo

By default the Divi theme includes its own logo in the top left corner of the page as you scroll down.

There are two places in the customizing themes section where you want to change the setting for hiding the logo. Go to the WP Dashboard for your site.

Hover over the Divi menu option so that the pop-up menu displays, and then select Theme Customizer.

Hiding the Divi logo: step 1

In the theme customizer, go to Header & Navigation:

In the Header & Navigation section, select Primary Menu Bar:

Several options will then display for customizing the primary menu bar of the Divi theme. Select the option to hide logo image. Then press Publish. The Divi logo will be removed from the primary menu.

Feel free to experiment with the other options.

Hiding the Divi logo: step 2

It’s important to note that the Divi logo reappears when you scroll the page unless you also make the following setting. Go back to the Header & Navigation section and select Fixed Navigation Settings.

Select the option to hide logo image in fixed navigation settings. Then press Publish. The logo will now no longer appear when you scroll the page down.

Hiding the Divi logo: step 3

Oh, lord, wait. There’s another place where you want to hide the Divi logo. When you resize the screen to a smaller size or look at your site on a mobile device, then the Divi logo will appear by default. In the Theme Customizer, you change this setting under Mobile Styles.

In the menu for customizing mobile styles, select Mobile Menu:

Then in the settings for the mobile menu, select hide logo image and then Publish.

You have now completed the 3 steps for hiding the Divi logo This is the process for not having a logo at all. But what if you just want to change the logo to an image of your own? Or to text of your own, like your name?

css.php