Divi Tips 12

The Navigation tab of Divi theme options

Updated on 22/08/19

884 words

3 minutes of reading
45 comments

This article contains affiliate links recognizable by the percentage icon (%) → I am an affiliate link

Let's see in detail what it is possible to set in The Navigation tab Divi theme options.

Know that there are no "good or bad settings", all this is subjective and will vary according to your web projects and the purpose you want to achieve...

The options you define in this tab may influence the behavior of your main menu. See you here on the full folder dedicated to the main navigation of Divi.

Navigation tab
Navigation tab

Option screen "Navigation" is composed of 3 sub-tabs: "Pages", "Categories" and "General Settings".

Here is the program of this article:

  1. The Navigation sub-tab > Pages
  2. The Navigation sub-tab > Categories
  3. The Navigation sub-tab > General Settings
  4. Other options for Divi
Navigation > Pages
Navigation tab > Pages
  1. Exclusion of pages: I don't know if this option is interesting since to organize its browsing, it is better go through the options than WordPress offer from the tab Appearance > Menu. See here for more information how to create a main WordPress menu.
  2. Drop-down menus: If this option is disabled, subpages contained in your main navigation will not be active. Only first level pages will be taken into account.
  3. Welcome link: this option adds a link to your home page, however, if you set your home page in the tab Appearance > Customize > Static Home Page, it will create a duplicate.
  4. Classification of links: This allows you to configure the sorting organization of links contained in your main navigation. I say again, it has no value if you set your menu from the tab Appearance > Menu.
  5. Order of classification: Idem than for links rankings, it is better to go through the tab Appearance > Menu proposed natively by WordPress.
  6. Number of levels in drop-down menus: These are the levels equivalent to the depth of a menu. It all depends on how many sub-elements you need in your main menu.
  7. Save: Of course, once you have made your changes, remember to save them.

Also read: How to insert images in the Divi menu?

Now let's see in more detail the sub-tab "Categories" available from the "Navigation" tab...

Divi Theme Options: navigation tab - 2
Navigation tab > Categories
  1. Exclusion of categories: Like pages, it is possible to exclude categories in the main navigation. This is where you can check or uncheck them. However, it may be more relevant to do this from the tab Appearance > Menu proposed natively by WordPress.
  2. Drop-down menus: If your blog has child categories and you want them to appear automatically, you can activate this option.
  3. Empty Categories: you can display, in the main navigation of your site, all existing categories. By default, categories that do not contain any items will be hidden. If you still want to display them, you can disable this option.
  4. Dropdown menu levels: Just like the drop-down menus of the pages, you can decide the depth of the drop-down menu of your categories. This will depend on your internal organization regarding parent and child categories.
  5. Sort Links: you can filter the ranking of links in your category navigation
  6. Order of classification: as you can classify them according to an ascending or descending sorting.
  7. Save: Don't forget to save your changes.

Do you know you can test Divi for free? See you on this page and click on "TRY IT FOR FREE"

So far, the last two tabs did not have much added value, but the options available since Sub-Tab "General Parameter" are rather important...

Divi Theme Options: navigation tab - 3
  1. Disable the upper level: When the option is disabled, the primary elements of your navigation will be clickable. If you want the primary element, containing menu sub-elements, not to be clicked, enable this option. For example, on this blog, Astuces Divi, you can click on the item named «ALL FOR DIVI" . This primary element is clickable because the option is disabled. If I had wanted the item "ALL FOR DIVI" not to be accessible, then I would have activated this option.
  2. Alternative scrolling method: When you create a scroll navigation, i.e. by SCROLL, you add a CSS ID to access this part of the screen. However, the title may sometimes be cut. By activating this option, it corrects the problem. For Full of tricks about the scroll, go here.
  3. Save: Always the same, remember to save...

To go further, I suggest you navigate in the other articles in this series:

navigation tab divi

Get Divi

Divi training

Ebook Divi PDF

Free tips

Divi Quiz

Live coaching

icon 256x256
Discover my wpLingua plugin, which makes your websites multilingual in just a few clicks! SEO-Friendly / Automatic / Editable

45 Remarks

  1. PEREZ SERON
  2. Lycia
  3. Sev
  4. Lycia
  5. Sev
  6. Lycia
  7. Lycia
  8. Sev
  9. Lycia
  10. Sev
  11. Lycia
  12. Sev
  13. Lycia
  14. Sev
  15. Lycia
  16. Sev
  17. nol
  18. Lycia
  19. Nelly
  20. Chilli
  21. Lycia Diaz
  22. Lycia Diaz
  23. Stéphane
  24. Lycia Diaz
  25. coralie
  26. Lycia Diaz
  27. rani
  28. Lycia Diaz
  29. Rani
  30. Lycia Diaz
  31. Rani
  32. rani
  33. Lycia Diaz
  34. rani
  35. Lycia Diaz
  36. Aurélie
  37. Lycia Diaz
  38. LEVERRIER Aurélie
  39. Ludo
  40. Lycia Diaz
  41. Ludo
  42. Lycia Diaz
  43. Aurélie
  44. Digiaud
  45. Lycia Diaz

Trackbacks/Pingbacks

  1. How to set the CREATORS, LAYOUTS and ADS tabs of the Divi theme? - [...] set the Navigation tab of the Divi theme [...]
  2. The options of the WordPress theme Divi: focus on the tab "general" - [...] set the tab Navigation of the theme Divi [...]

Submit a comment

Your email address will not be published. Required fields are indicated with *

This site uses Akismet to reduce undesirables. Learn more about how your feedback data is used.