Step 1: Add your logo
To begin, add a logo to your site by navigating to the Divi Theme Options > General tab and clicking Upload from the Logo option.
Step 2: Create the menu
If your menu is already set up, skip this step. If not, navigate to Appearance > Customize and wait for the Customizer Settings panel to open. Alternately, you could set up your menu using the Appearance > Menu console.
Once inside the Customizer Settings, click on the Menus tab and then click Create New Menu.
Step 3: Header Format
Go to Appearance > Header & Navigation > Header Format > Choose your own
Here you can adjust your header’s general format, such as switching between the main layouts modes: Default, Centered, Centered Inline Logo, Slide-in, and Fullscreen.
Choosing Centered will place your logo above your navigation menu and centered both within the header.
Choosing Centered Inline Logo will place the logo in-line with your nav menu elements, centered between the links.
You can also enable Vertical Navigation from within this section, which will create a drastically new look for your site, putting the navigation bar on the left of your content.
Step 4: Customize the menu
Now that you’ve set up the menu, it is time to give it a nice design. To do so, remain in the Customizer Settings and navigate to Header & Navigation > Primary Menu Bar and enter the following settings:
Step 5: Add Social Icon on Top Menu (Optional)
The Divi theme offers the option to add some social page links in both the header:
By default, you can add the following icons: Facebook, Twitter, Instagram RSS.
To enable those icons, go to Dashboard > Divi > Theme Options and look for these settings:
