How to Make the Top-Level Menu Items Non-clickable in WordPress Custom Menus

Whether you use Genesis or not, one often question I see is: “How do I make the top-level items non-clickable?” And they go on to say that they are linked to a category, a landing page, a blank page, a random 404 page, etc. However, it is quite simple.

First, for Genesis users, ensure that you have selected Custom Menus in Genesis > Theme Settings. Then, navigate to the custom menus option via Appearance > Menus.

Second, create the custom links menu item by filling in the URL as “#” (without the quotes) inserting a label name, then clicking Add to Menu. Then locate it anywhere on the menu and click Save Menu.

DONE!

What can I do for you!?

Custom Development

We develop plugins by determining both business/functional and technical requirements, following WordPress development best practices, and using agile methodology to ensure you get the best solution.

Consulting

Have questions? Need a reliable developer to consult? Please contact us today!

Customized Theme

We can customize your theme or child theme, or create a child theme for you based on your needs while enhancing the performance of every individual attribute.

Customized Plugin

We can customize your plugins, extend plugins (e.g., Gravity Forms, Jetpack, Soliloquy) based on your needs ensuring security, performance, and positive business impact.

Comments

  1. says

    That’s awesome advice. However I use Thesis 1.7 and am going crazy trying to figure out how to do the same thing with the top level nav. I know in Thesis 1.8 it has a simple feature like Genesis, but that is only out in beta. Any suggestions?
    Thanks!
    Rich

  2. says

    Does that work for the header or just for the menus? Man I hope it works for the header when I go try it. I’ve been searching for hours. Just ran into a post from some girl who’d been searching for hours too.

  3. says

    This is a good tip!
    What I do is a little different.. when I add the custom menu item in, I put any little text in the URL, insert it into the menu, then I clear it out to have nothing in the URL field. This way when your mouse hovers over it, the cursor doesn’t change into a link and although it doesn’t go anywhere, people still try to click on it.

Leave a Reply