x
Bookmark

Divi – Navigation Theme Options

Video Tutorial

Script & Screenshots

In this video I’m going to go through the Divi Theme Navigation options.

To get to these settings, click on Theme Options underneath Divi.

Note that all the settings I’m going through on this tab can also be overwritten if you organize your menu under Appearance, then Menus – on the left sidebar.  This is where I prefer to organize my navigation menu.  You can easily create a menu, add pages and links, and drag and drop the order of them to fit your needs.  But for the sake of you knowing how to use this tab, I’m going to go through each of these settings.

Click on the Navigation tab.

I’m going to start on the Pages tab.

The first option is Exclude pages from the navigation bar.  It will list all your pages here.  I currently only have one page, so you’ll only see Home on my screen.  But you may have more.  If you’d like to remove a page, click on the page you’d like to remove.  Every new page will appear in your navigation by default. You can uncheck any page here if you wish to remove it from the navigation bar.

I’ll click on it so you can see how it turns from the green check mark for on.

To a red X for turned off.

Next is Show dropdown menus.  If you would like to remove the dropdown menus from the pages navigation bar, disable this feature.  Right now it’s enabled.  If I click on it, it will change it to Disabled.

Now it will remove the dropdown.  If I click on it again, it will enable it again.

Next is the Display Home Link.  By default, the theme creates a Home link that, when clicked, leads back to your blog’s homepage. If, however, you are using a static homepage and have already created a page called Home to use, this will result in a duplicate link. In this case you should disable this feature to remove the link.

Sort Page Links.  This is where you can choose how the page links are sorted on the navigation menu.

Some of your options include by title, post date, author, and post name.

In addition to the previous setting, here you can take the sorting even deeper by sorting by Ascending or Descending.

The Number of dropdown tiers shown option allows you to control how many tiers your pages dropdown menu has.  Increasing the number allows for additional menu items to be shown.

The next tab is Categories.

This is similar to the Pages tab.  All of your existing categories will appear in this window. Every new category will appear in your navigation by default. You can uncheck any category page here if you wish to not display a specific category or categories. All categories marked with an X will not appear in your navigation bar.

Show dropdown menus:  If you would like to remove the dropdown menus from the categories navigation bar disable this feature.

Hide empty categories:  If you would like categories to be displayed in your navigation bar that don’t have any posts in them then disable this option. By default, empty categories are hidden.

The Number of dropdown tiers shown option allows you to control how many tiers your dropdown menu has. If you Increase the number, it allows for additional menu items to be shown.

The Sort Categories Links by Name/ID/Slug/Count/Term Group allows you to change how the categories are sorted.  By default, they are sorted by name. However, if you would rather have them sorted by ID, or Slug, you can adjust this setting here.

The Order Category Links by Ascending/Descending allows you to choose to reverse the order that your categories links are displayed. You can choose between ascending and descending.

The last tab is the General Settings.

There are only two options on this page.  Disable top tier dropdown menu links:  In some cases users will want to create parent categories or links as placeholders to hold a list of child links or categories. In this case it is not desirable to have the parent links lead anywhere, but instead merely serve an organizational function. Enabling this options will remove the links from all parent pages/categories so that they don’t lead anywhere when clicked.

Lastly, is the Alternative scroll-to-anchor method.  Sometimes when using the CSS ID of a section to link directly to it from another page, the page’s final scroll position can be inaccurate. Enable this option to use an alternative method for scrolling to anchors which can be more accurate than the default method in some cases.

When you’re all done making changes, if you’d like to save them, click on the Save Changes button.

That’s it for this video.  I’ll see you in the next one.

WordPress Divi Theme
Purchasing & Installing
   Purchase Divi Theme   (7:46)
   Installing Theme   (1:44)
Divi Builder
  Default Editor vs Divi Builder   (3:18)
   Page Settings   (1:05)
   Post Settings
Sections, Rows, Modules (SRMs)
  SRMs Overview
   SRMs Settings Tabs
  Adding SRMs
  Cloning SRMs
  Deleting SRMs
  Moving SRMs
  Changing Structures of Rows
   Types of Modules
   Types of Full Width Modules
Theme Options
   General Theme Options
   Navigation Theme Options
   Layout Theme Options
   Ads Theme Options
   SEO Theme Options
   Integration Theme Options
   Updates Theme Options
Customizers
   Theme Customizer
   Module Customizer
Role Editor
   Role Editor Overview
   High Level Theme Privileges
   Builder Interface
   Library Settings
   Settings Tabs & Types
   Module Use
  Portability
Library
   Divi Library
   Global Items
   Premade Layouts
  Saving to the Library
  Loading from Library
X

Forgot Password?

Join Us

Password Reset
Please enter your e-mail address. You will receive a new password via e-mail.