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.

Comments

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

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.

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.

Search

Subscribe

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Join 30 other subscribers

Email Address

Recommendations

Buy Me a Dew!

Name

FirstLast

Email

Amount

Please note: WP Smith is not a registered non-profit and therefore your contribution is not tax deductible.

Phone

This field is for validation purposes and should be left unchanged.

About

As a WordPress Enthusiast, Travis writes about his journey in WordPress trying to help other WordPress travelers and enthusiasts with tutorials, explanations, & demonstrations of the things he learns. Read more...

Latest Tweets

The other day I came across an issue where Posts to Posts requires an administrator or someone with `manage_options` capability in order to install Posts to Posts table on a new blog creation. This does not work if all new sites create the default user as an Editor, and you need to immediately make Posts […]

4. Download WordPress Go to wordpress.org and download the latest build of WordPress. Go to the htdocs folder (where you installed the XAMPP), extract the wordpress.zip to a new folder (eg. mywordpress). 5. Run the Famous WordPress 5-minute Installation (install.php) With your browser, go to http://localhost/mywordpress/wp-admin/install.php or http://localhost:8080/mywordpress/wp-admin/install.php, click Create a Configuration File and click […]

3. Setup XAMPP Security Go back to localhost or localhost:8080 in your web browser. Click on security and it will open a new window/tab to http://localhost/security/index.php or http://localhost:8080/security/index.php. Then click on the link: http://localhost/security/xamppsecurity.php. This will allow you to change your mySQL password and .htaccess password. Since this is typically my sandbox for breaking things […]

If when you install it, port 80 is busy. This could be because of another program (like Skype) or your corporate network. So, if you have Skype installed, I recommend changing Skype’s default port. It simply makes everything easier. Open Tools > Options Click Advanced Click on Connection Uncheck “Use port 80 and 443 as […]

Next we will launch Apache & MySQL. To do this easily, open the Control Panel. Click Start on both Apache and MySQL. Now, if you want, you can install Apache and your local webserver to another port like 8080. To change the port, you want to navigate to your XAMPP directory (e.g., C:/xampp/apache/conf) and open […]