How To Make a Menu Item Not-Clickable

How to Make a Menu Item Non-Clickable

Whenever you add posts or custom links to your WordPress menu, they will be shown as links in their default state. What happens when you want to display a menu item that is not-clickable? So, this is why I am writing this article, I am going to show you in a few steps how you can do exactly that.

Using “#” Instead Of The URL

Go to your WordPress Dashboard and click on Appearance > Menus.

How To Make a Menu Item Not-Clickable
(Click to enlarge)

In the Add Menu Items, if you are going to look down the page you are going to find an option called Custom Links. With this option, you will be able to add a new dummy menu item.

Custom links
(Click to enlarge)

Once you click on it, a drop-down menu will appear where you are going to enter the details for the new dummy menu item.

If you will try to add a new menu item without an URL, WordPress will not let you add it to your menu.

Adding a dummy menu item
(Click to enlarge)

So, just add “#” in the URL field and click on “Add to Menu”.

Adding "#" to make a dummy item
(Click to enlarge)

Once you have done that, adjust the menu however you want it to be displayed in the menu bar.

Click on the blue button in the right corner “Save Menu”.

Saving the menu
(Click to enlarge)

Go to your main page and you are going to notice the new menu item.

New menu item
(Click to enlarge)

The “#” symbol will prevent the page from being redirected. Nonetheless, the button will still be clickable. So, what do we do next?

We are just a few steps away from managing to make a menu item completely not-clickable.

Go back to your WordPress Dashboard Appearance > Menus.

Remove the “#” from the menu you just created previously and click on “Save Menu”.

Go back to your main page and you are going to notice that your new menu item is completely not-clickable.

Leave a Reply

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