Top-level navigation item to have no link?

Oh, I can tell you why it isn’t working

You are applying it to the A tag and it needs to be applied to the LI tag

.menu-reports-container li.menu-item.no-link, .menu-reports-container li.menu-item.no-link:hover {
  list-style-type: none;
}

Hooray! Got it! Thanks bunches. ??

@searchen

Disable any parent item in WordPress 3.0 Menu:

1) Be sure you have activated the link target in the options menu on your menu page
2) Insert a custom link with no matter what link
3) select the just created custom link. click on the dropdown link on the top right side.
4) delete the link from the link target field
5) done

Thank you @jayydee. Worked like a charm – and answered the original question with zero frills.

Don’t mean to bump old topics but this helped me save a few hours looking. Thanks!

@jayydee: easy spot-on solution.

FYI to others, it took me a second to understand the directions, so here’s my redux. It’s the exact same instruction with more explanation in case you are a newbie like me. Hope it helps.

Here was my case: I had created a page called “Staff” in my top menu, and attributed employees to it. I wanted people to be able to scroll down to “jen” “paul” and “mark” under staff and be able to click their name, but NOT be able to click “Staff”.

So:

To disable any parent item in WordPress 3.0 Menu:

(1) In the dashboard go to Appearances/Menus
(2) Go to Screen Options (top right) and activate Link Target.
(3) Go to Custom Links and insert any kind of link, and then Label it what you want your menu item to be called. In my case, this was “staff”.
(4) select the just created custom link. click on the dropdown link on the top right side of its box.
(5) delete the URL from the link target field.
(6) Drag and drop any pages/posts which you wish to attribute to it as you normally would. In my case, I placed “Jen” “paul” “mark” as its submenu items.
(6) done

jayydee and Ourobo you are AWESOME. I have been trying to do this forever and THANK YOU. That worked brilliantly!

The above method works fine except on mobile devices. When I click a no-link parent on my iphone the drop-down does not appear.

The method described above, of creating a link, then deleting it works fine except on mobile devices. When I click a no-link parent on my iphone the drop-down does not appear.

The better method is to simply use “#” (without quotes) for the URL. Not https://# – just #. It makes the link non-clickable, but you will still get the drop-down child menus on mobile devices.

jaydee – ourobo – robnalexpress – thanks for these great tips!