WP Smith

Creating WordPress & Genesis Websites Since 2010

  • Home
  • About
  • Services
  • Blog
  • Contact

Mar 16 2011

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!

Written by Travis Smith · Categorized: Genesis, Tutorials

StudioPress Premium WordPress Themes     WP Engine Managed WordPress Hosting

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.

Contact Us

About Travis Smith

As a WordPress enthusiast, developer, and speaker, Travis writes about what he learns in WordPress trying to help other WordPress travelers, beginners and enthusiasts with tutorials, explanations, & demonstrations.

Comments

  1. Rich Epstein says

    December 21, 2011 at 10:38 pm

    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

    Reply
  2. Mike says

    December 29, 2011 at 10:48 pm

    You are a lifesaver and literally saved me hours of works. Thanks so much for this info!

    Reply
  3. cory says

    May 10, 2012 at 1:23 pm

    Thanks but…wht does >>Then locate it anywhere on the menu…<<what does that mean?

    Reply
    • Travis Smith says

      May 13, 2012 at 7:30 pm

      Drag and drop it anywhere you want the item to appear.

      Reply
  4. Gene Silvers says

    June 27, 2012 at 9:09 pm

    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.

    Reply
  5. Keith Davis says

    November 17, 2012 at 10:49 am

    Thanks Travis
    Easy when you know how.
    Not had top do it before, but might have to do it on a new client site.

    Reply
  6. Bob Dunn says

    November 17, 2012 at 11:32 am

    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.

    Reply

Leave a Reply Cancel 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.

  • Twitter
  • Facebook
  • LinkedIn
  • Google+
  • RSS

Copyright © 2025 � WP Smith on Genesis on Genesis Framework � WordPress � Log in