Divi – Navigation Theme Options
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)|
|Default Editor vs Divi Builder (3:18)|
|Page Settings (1:05)|
|Sections, Rows, Modules (SRMs)|
|SRMs Settings Tabs|
|Changing Structures of Rows|
|Types of Modules|
|Types of Full Width Modules|
|General Theme Options|
|Navigation Theme Options|
|Layout Theme Options|
|Ads Theme Options|
|SEO Theme Options|
|Integration Theme Options|
|Updates Theme Options|
|Role Editor Overview|
|High Level Theme Privileges|
|Settings Tabs & Types|
|Saving to the Library|
|Loading from Library|