Disable WordPress Parent Menu Link

Broken chain link

If you’ve ever wanted a top-level navigation item to act as a trigger for a drop down menu, but not actually link anywhere, here’s how to do it in the WordPress 3.0 menu system:

  1. Insert a custom link with a label and any link address
  2. Click on Edit Menu Item link (triangle)
  3. Delete link address in URL field
  4. Add nested sub-menu items
  5. Save

10 Comments


Just spent an hour searching for the answer to this and apart from using JavaScript I couldn\’t get a result.

Then I saw your solution and it was exactly what I needed.

Great stuff – Thank you!

Mike :)

Reply

Awesome! Thanks for sharing. I\’ve been using # to trigger drop downs, but this solution is much nicer.

Reply

Glad to have been a help to you both. Check back now and again, I\’ll try to keep posting these tips as I come across them in my development.

Reply

I was using the Disable Parent Menu Link plugin — will try this simple method, as the fewer conflict possibilities the better.

Reply

I use this same technique to just apply section breaks in a list for a nav menu and just encountered a problem after upgrading to WP 3.3. Seems that without anything as an href wp ignores any css I have targeting the custom link. Any ideas? Have you experienced this at all? What I\’m actually having a problem with is that any items I have as sub items of the custom menu item with empty url are displaying the current page class from the top level menu item above.

Reply

      Here\’s a link. http://www.eacpds.com/
      Currently I just commented out the current-menu-item class. The area which I \’m referring to is the blue nav area on the left. The white links should be a dark gray when they are the current page, but like I said that is commented out now so they just stay white.


      Dustin, checking the source code, it seems like it should be working correctly. The top level parent link has a class of current-menu-ancestor and current-menu-parent, and the submenu item has these classes: current-menu-item and current_page_item.

      I do notice now that the parent list item is wrapped in an anchor like this: <a>Software</a> – which may be something new in 3.3, I\’m not sure. You may need to add another class to your CSS like this:

      li.current-menu-ancestor li.current-menu-item a { color: #ccc }


Doesn\’t work anymore on WordPress 4.1. Any other hint?

Reply

    Hi Mike – I just tested it and it\’s still working for me… what kind of error are you getting?

    Reply

Leave a Reply

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

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

Check out our Complete Website Package

Chat with us about your project or click below to find out more!

Learn More   Chat with us

Hi. We are Spigot. Telemarketers pronounce it Spy-got.

We are a Park City, Utah based web design shop that excels at building custom websites powered by WordPress and WooCommerce. We love content - content strategy, content curation, content soup...????Have a look around the site. As you browse you'll find useful navigation links in the sidebar on the left. We hope you find them useful anyway... Please let us know what you think, shoot us a message here.