How To Make Nested Menus in WordPress

Many sites being developed in WordPress need to make multi-level menus also called nested menus. A key requirement in making this nested navigation menu is that the top level menu items should be non-clickable.

Nested Menus can be build using the Menu Builder in WordPress.

Navigate to the Menu Builder using : Appearance -> Menus

An easy way to make the Top Level Menu items not clickable is by using ‘Custom Links’ to make the top-level menu items as below.

  1. In the menu builder, select Custom Link
  2. Add the navigation label where it says ‘Link Text’. e.g. Continents.
  3. In the ‘URL’ field, put in ‘#’ (without the quotes)
  4. Nest the actual URLs under these custom links. e.g. Pages pointing to the different countries.

See the illustration below.

Make Top Level Links Inactive WordPress Menu

This is also the solution on how to disable parent menu link in WordPress or for that matter to make any menu link not clickable and effectively make it a navigation label. There is a plugin called Page Lists Plus which does the same thing, but I found this technique to be easier.

Let us know if this helped you in the comments section below.

Recommended reading: Beginner’s guide to web hosting.
Comment Policy: Comments adding value to the article are encouraged. Relevant links will be allowed in such comments.
If you think that you have a link that adds value to this article please contact us at techie[at]techzog[dot]com for evaluation of inclusion into the article.
Comments left solely for spamming links will be deleted. Thank you for understanding.
  • Passionate blogger and main author at Techzog.com. Feel free to reach me at techie[at]techzog[dot]com

One thought on “How To Make Nested Menus in WordPress

Leave a Reply

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

*
*

CommentLuv badge

This site uses Akismet to reduce spam. Learn how your comment data is processed.