How to Create Menu Items That Don’t Link

Every once in a while I’ll have a customer who wants a menu item that doesn’t actually link. I don’t recommend this because if you are going to have, say, different pages for all your services, I believe it’s good to have that overall Services page to give an overview. But if you don’t want to do that, here’s how to set up a WordPress menu link that doesn’t actually link:

Go to Appearance > Menus and find that menu you created. Then, instead of using a page to create that menu item, use the Custom Links option and name the link PHOTOS (or whatever you want the link to say), but where it has http:// put a # instead, so it doesn’t link to anything.

(If you don’t see Custom Links, click on Screen Options at the top right of the screen and make sure Custom Links is checked.)

Click on image to view larger

Then add it to the menu and you can add regular pages under it as drop downs.

If you want to change the hover of the mouse as well when you hover over that menu item, you will need to do an Inspect Element and find the item class of that link and change it in the CSS, for example:

li.menu-item-3405 a {cursor: default;}

and if you have dropdowns that you do want to be able to click on, you will also need to add:

li.menu-item-3000 a,
li.menu-item-3363 a {cursor: pointer;}

Hope that makes sense!