Jane – How to configure Top Menu

Step 1 : Create o select your Top Menu

1. Login to the WordPress Dashboard.
2. From the ‘Appearance’ menu on the left-hand side of the Dashboard, select the ‘Menus’ option to bring up the Menu Editor.
3. Select Create a new or select your Menu at the top of the page.
4. Drag your pages to Menu.
5. Select Secondary Menu.

Step 2 : Add your Button Call to Action

1. Click on the Screen Options link in the top right corner of the menu admin screen.
2. Check the “CSS Classes” option.
3. Locate the menu item that you want to customize.
4. Add custom class name to your menu item: cta

Step 3 : Add Social Icons and Email

1. Go to Divi > Theme Customizer > Select Header & Navigation > Header Elements.
2. Under Header Elements, make sure the option to show social icons is checked and enter a an email address in the text box.
3. Take a look at: How to add social links.

Under Header Elements, make sure the option to show social icons is checked and enter a an email address in the two text boxes.

Step 4 : Customize 

1. Go to Divi > Theme Customizer > Secondary Menu Bar.
2. You can customize, font size, make full width, change font, colors,…

Need Further Tutorials?

How to Setup Menus: https://codex.wordpress.org/WordPress_Menu_User_Guide

Divi Builder overiew: https://www.elegantthemes.com/documentation/divi/visual-builder/