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.
- In the menu builder, select Custom Link
- Add the navigation label where it says ‘Link Text’. e.g. Continents.
- In the ‘URL’ field, put in ‘#’ (without the quotes)
- Nest the actual URLs under these custom links. e.g. Pages pointing to the different countries.
See the illustration below.
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.
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.
This has become a great solution to my WordPress issues. Thanks for making it clear for me.