Divi Theme Readme

Follow the instructions below to install and configure your new theme

« Back to Documentation

Using Header & Navigation Options

Divi comes with some great options for customizing your header and navigation area. Using various combinations of these settings can yield some very unique results, allowing you to create many different kinds of websites. All of these options are found in the theme customizer. To locate the theme customizer, log in to your WordPress Dashboard and the click the Appearances > Customize link.

The Theme Settings

Vertical Navigation - The vertical navigation settings will change the orientation of our header and navigation bars. You can chose to place the header on the top, or on the side of your page. Enabling the Vertical Navigation setting will change your header to the vertical style, displaying your logo and menu to the left of the page.

Show Social Icons In Header - If you have defined social profiles, then you can chose to display these in your header. This option will toggle the social icons on and off. Social icons, when enabled, will appear in the secondary navigation area.

Show Search Icon - You can also toggle the search icon on and off. If you would not like to allow your visitors to search your website, or if you are simply trying to reduce clutter in your header, then the search icon can be turned off using this setting.

Header Style - You can choose between two header styles: Centered or Default. By default, your logo will be aligned to the left and your menu will be aligned to the right. Changing this option to "Centered" will center both the logo and the menu, placing the logo on top.

Phone Number - Within the header, you can place contact information. Filling out the phone number field will display the defined phone number inside the secondary navigation bar.

Email - Within the header, you can place contact information. Filling out the Email field will display the defined email address inside the secondary navigation bar.

The Navigation Settings

Primary Menu - Here you can define a menu to this location. Before you can assign a menu, you first need to create a menu via the Appearances > Menus system. Once your menu has been created, you will have the option to select it from the Primary Menu dropdown field in the customizer. The primary menu is display in the primary header area, to the right of your logo.

Secondary Menu - Here you can define a menu to this location. Before you can assign a menu, you first need to create a menu via the Appearances > Menus system. Once your menu has been created, you will have the option to select it from the Secondary Menu dropdown field in the customizer. The secondary menu is display in the secondary header area, above your logo and primary navigation bar.

Footer Menu - Here you can define a menu to this location. Before you can assign a menu, you first need to create a menu via the Appearances > Menus system. Once your menu has been created, you will have the option to select it from the Footer Menu dropdown field in the customizer. The footer menu is display at the bottom of your page below your footer widgets.

Join 253,319 Happy Customers And Get Access To Our Entire Collection Of 87 Beautiful Themes For The Price Of One

We offer a 30 Day Money Back Guarantee, so joining is risk-free!

Sign Up Today