How to make wordpress menu item not clickable – Unclickable menu item

How to make wordpress menu item not clickable - Unclickable menu itemHave you ever wondered how some sites make specific link unclickable that is the main navigational parent menu item? You can notice this in some e-commerce sites and business sites. The main navigational parent menu item will have no content and so they simply make the link unclickable. Instead the drop down submenu will be linking to important pages. Recently we made a post on how to create anchor links in wordpress. Here we will see how to make wordpress menu item not clickable.

This topic is all about wordpress navigational menu and so we are dividing this in to two parts. One is about making unclickable links in main navigational menu item and another one is making menu links open in a new tab. A best example to make main navigational menu links unclickable is for service, product and blog page.

Let’s assume that your main navigational menu has 5 items such as Home, about us, services, products and contact. You can make the products menu item unclickable; instead you can show the actual products as sub menu. That is you are simply adding a title in your menu item that isn’t clickable or that is not linking to a product page. So instead of showing a blank page you are making visitors to select one from the drop down menu. Here is how you do it.

How to make wordpress menu item not clickable – Unclickable menus

We will show this simple tip using wordpress built in menu system. Also note that you don’t need to create a blank page naming that menu item.

Go to your wordpress dashboard and jump to appearance >> menus. Now you will see three fields such as custom links, pages and categories. To add pages and categories just check the item and add it in menu.

In wordpress menus by default you cannot add a menu item without linking to a page or with the custom URL field blank. So to add unclickable menu item just add this # sign in custom URL field. Now name the label, add it in menu and arrange submenu accordingly.

How to make wordpress menu item not clickable - menu without links

Now the menu is still clickable that acts like a jump link, but it is not linking to any page. To make the menu item unclickable empty the URL field and then save menu.

How to make wordpress menu item not clickable - Menu without links

Now the menu item looks like a plain text that is unclickable and not linking to any page.

Hope this helped you on how to make wordpress menu item not clickable. Subscribe to our RSS feeds to get more updates.