WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
    • How to Start a Blog
    • Create a Website
    • Start an Online Store
    • Best Website Builder
    • Email Marketing
    • WordPress Hosting
    • Business Name Ideas
  • Deals
    • Bluehost Coupon
    • SiteGround Coupon
    • WP Engine Coupon
    • HostGator Coupon
    • Domain.com Coupon
    • Constant Contact
    • View All Deals »
  • Glossary
  • Videos
  • Products
X
☰
Beginner's Guide for WordPress / Start your WordPress Blog in minutes
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

WPBeginner» Blog» Beginners Guide» How to Add Titles in WordPress Menu Without Linking to a Page

How to Add Titles in WordPress Menu Without Linking to a Page

Last updated on June 14th, 2013 by Editorial Staff
112 Shares
Share
Tweet
Share
Pin
Free WordPress Video Tutorials on YouTube by WPBeginner
How to Add Titles in WordPress Menu Without Linking to a Page

Recently one of our users asked us if there was a way to add titles in WordPress menu without adding a link. By default, WordPress menu requires each menu item linked to a page or custom link. However when creating a drop down menu, you may you want to add a title for sub-menus without linking it to a specific page. For example, you can have a categories dropdown where you want to have the text categories be the title of the menu. In this article, we will show you how to add titles in WordPress menu without linking to a page.

Creating a menu item without link

First thing you need to do is add a new menu item in your menu. You can do that by going to Appearance » Menus. You want to add a custom link so give it the label you want. In the URL field, enter the # sign. Once done, click on the Add to Menu button. Save your menu once this custom link is added to the menu.

Adding a custom link to the menu without URL

Now click on the drop down arrow next to this custom link to edit this menu item. Go ahead and remove the pound sign from the URL field and save your menu. If you go to your live website, then you will see a menu item without link. You can add sub menus to this menu item and link them to any page or custom link you want.

Removing # sign and creating a menu without any link

We hope that this article helped you add titles in WordPress menu without linking to a page or any URL. If you have any feedback or questions, then please leave a comment below.

112 Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • Checklist

    Checklist: 15 Things You MUST DO Before Changing WordPress Themes

  • How to Fix the Error Establishing a Database Connection in WordPress

    How to Fix the Error Establishing a Database Connection in WordPress

  • How to Properly Move Your Blog from WordPress.com to WordPress.org

  • Revealed: Why Building an Email List is so Important Today (6 Reasons)

    Revealed: Why Building an Email List is so Important Today (6 Reasons)

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted by over 1.3 million readers worldwide.

The Ultimate WordPress Toolkit

87 Comments

Leave a Reply
  1. Sadiya says:
    Oct 22, 2020 at 10:10 am

    Thank you, very helpful

    Reply
    • WPBeginner Support says:
      Oct 23, 2020 at 9:53 am

      You’re welcome :)

      Reply
  2. Sharon D says:
    Jul 4, 2020 at 9:49 am

    Super helpful! Thanks very much

    Reply
    • WPBeginner Support says:
      Jul 7, 2020 at 11:48 am

      You’re welcome :)

      Reply
  3. roman says:
    Jun 5, 2020 at 1:55 pm

    Thanks. This was helpful. Now it works.

    Reply
    • WPBeginner Support says:
      Jun 8, 2020 at 3:07 pm

      Glad our guide was helpful :)

      Reply
  4. Lana says:
    Apr 1, 2020 at 9:44 pm

    Thanks. That was exactly i needed. :-)

    Reply
    • WPBeginner Support says:
      Apr 2, 2020 at 8:38 am

      You’re welcome, glad our article was helpful :)

      Reply
  5. PaulaLA says:
    Aug 18, 2019 at 6:21 pm

    This was hugely helpful! I have done a workaround with Categories before, but wanted a quick fix. And yours fit the bill. Thanks so much!

    Reply
    • WPBeginner Support says:
      Aug 19, 2019 at 11:34 am

      Glad our guide could be helpful :)

      Reply
  6. KG says:
    May 4, 2019 at 10:21 am

    Thank you, this was very helpful. :)

    Reply
    • WPBeginner Support says:
      May 6, 2019 at 1:51 pm

      You’re welcome :)

      Reply
  7. Sina says:
    Nov 20, 2018 at 2:00 pm

    But this is still a link!

    Reply
  8. Sayn says:
    Nov 13, 2018 at 5:18 pm

    Great! Thank you so much, saved my time

    Reply
  9. Marina says:
    Aug 25, 2018 at 7:56 pm

    Hi,
    Thank you for your post. I understand now that I don’t need to write a post for every category on my site, just for the menu.

    Now, I have another problem with one published page on my site. The page shows on the navigation menu and I can see it when I surf to my website. However, I cannot find it when I try to link to it. It is not showing on the drop-down when I click the link button and it is not showing when I search it on the navigation-menu-edit page.
    At the beginning, I wasn’t paying attention to this problem and added the link to this page manually, however, I found out that Google Search Console says that there are no links to this page, and I know there are tons of links to it (more than one year old).
    My site has more than 1300 pages and I don’t have any similar problem with any other page.

    Can you figure out what the problem is and how to solve this issue?
    I thought I can delete this page and rewrite it, but I am using SiteOrigin PageBuilder and some of links are to the page number and not to the URL.
    Thanks

    Reply
  10. Peter says:
    Aug 10, 2018 at 5:51 am

    It worked. Thank you :)

    Reply
  11. Jeff Bocos says:
    Jun 30, 2018 at 11:48 pm

    Thanks very much! Exactly what I needed – worked like a charm.

    Cheers,
    Jeff

    Reply
  12. Edgar says:
    Jun 21, 2018 at 9:06 am

    Unfortunately this does not work for me. I get a hyperlink with ‘#’. Leaving the field empty also Any idea what could be the problem?

    Reply
    • Jeff Bocos says:
      Jun 30, 2018 at 11:47 pm

      Hey Edgar – try doing it from Appearance->Customize (via WP Dashboard).

      When the Customize page opens, select Menus from the left side panel.

      Select the Menu you want to edit, scroll to the bottom of the Menu values, next to the underscored ‘Reorder’ option, click the + Add Items icon.

      A new menu will appear, click on the Custom Links tab at the top. Try again from here.

      In the URL box, replace ‘http://’ with ‘#’
      In the Link Text box, type your desired value.

      Hope you get this to work.

      Cheers,
      Jeff

      Reply
  13. Eric Brickus says:
    May 24, 2018 at 5:23 pm

    You guys are so awesome!!!! This was exactly what I was looking for!!!! Thank you!!!!

    Reply
  14. Lisa says:
    Dec 31, 2017 at 2:33 pm

    Thank you so much! I was starting to tear my hair out. One of the challenges is knowing how to describe the thing you’re having a problem with, and I’m so glad I found your step by step guide.

    Worked a treat!

    Reply
  15. Susie says:
    Sep 23, 2017 at 1:04 am

    For some reason, it won’t “add to menu”. I get an endless spinning timer that never resolves. Any clues as to why it won’t add to menu after I create the custom link and push the add button?
    Thank you!

    Reply
  16. David Phillips says:
    Aug 14, 2017 at 10:14 am

    Thanks much for the fix to create menu headings. Now, how can I create links in pages TO the menu heading? For example, I create a POSTS heading with the latest few POST pages under it. Elsewhere in the site I want to refer people NOT to a specific POST but to the list of POSTS, that is, the menu heading.

    Maybe there is a sidebar fix to embed the POSTS list on ONE page.

    Now suppose I have non-post pages, such as CLASSES. I want to link to the CLASSES heading, not a specific CLASS. I don’t want to have to maintain an empty menu placeholder page just to show the individual links.

    Thoughts?

    Reply
  17. Joe says:
    Jul 13, 2017 at 5:27 am

    Thanks for this, it worked a treat!

    Reply
  18. christian says:
    Jul 8, 2017 at 10:20 am

    Awesome!
    Many thanks to you – it worked fine. ;)

    Reply
  19. Mohsin Sharif Qureshi says:
    Jul 8, 2017 at 3:23 am

    THANK YOU SO MUCH!!
    My client required this, he ordered me to add some page like this:
    Area (Tab) and under it add some cities like (London,Liverpool,Loards)
    Its exactly worked for me, thank you so much again

    Reply
    • WPBeginner Support says:
      Jul 9, 2017 at 10:34 am

      Hey Mohsin,

      You are welcome :)

      Reply
  20. Sara P says:
    Jun 21, 2017 at 7:39 pm

    YES! Thank you! Totally works.

    Reply
  21. Collin Blatt says:
    Jun 21, 2017 at 3:47 pm

    I’ve done as you’ve suggested, but the menu item redirects to an undefine page when clicked.

    Reply
  22. pasquale says:
    Jun 2, 2017 at 8:06 pm

    Thank you very much, it works!

    Reply
  23. Mars says:
    Apr 28, 2017 at 2:13 pm

    AMAZING ! Thank you worked perfectly

    Reply
  24. Marit says:
    Apr 27, 2017 at 6:00 pm

    Thank you! This was exactly the information I needed!

    Reply
  25. Ken says:
    Mar 27, 2017 at 2:05 pm

    Just what I needed.
    I was scratching my head wondering how I would be able to do this.
    Then I came across this article, thank you very much.

    Reply
  26. Jon says:
    Mar 16, 2017 at 12:17 pm

    This worked great, thanks!

    Reply
  27. Petur Kirke says:
    Mar 3, 2017 at 2:43 am

    One small thing missing in this article.
    How to get rid of the hand (cursor: pointer), or is it only me, who have this problem ?

    Reply
  28. Scot says:
    Mar 1, 2017 at 5:20 pm

    I’ve used this type of custom link in the top level of my primary menu, and it works great on the desktop. But on mobile devices, when I tap the custom link, it doesn’t open the sub menus below it, so none of those pages are available. Is there a way to fix that?

    Reply
  29. adnan says:
    Feb 28, 2017 at 9:04 am

    this was helpful thanks

    Reply
  30. Hamba Allah says:
    Feb 16, 2017 at 2:12 am

    thank you soo much :*

    Reply
  31. Luis Casanova says:
    Feb 2, 2017 at 10:28 pm

    Thank you!
    Just what I needed!

    Reply
  32. Steve says:
    Jan 12, 2017 at 3:53 pm

    I added a title to my web site menu as you suggested using the # method but needed to remove it. I did so on Dashboard but it still shows on my site main menu and when opened it says “blank page” and that it is unsecure. How do it remove it.

    Reply
    • WPBeginner Support says:
      Jan 12, 2017 at 7:47 pm

      If you are using a caching plugin then please delete cached files. Also visit Menus screen to make sure that you have deleted the menu item. Don’t forget to click on the save menu item after removing or adding an item to the menu. Hope this helps.

      Reply
  33. Pam Hill says:
    Dec 19, 2016 at 12:37 pm

    I have an existing menu that I need to remove page links from. How do I do that? I have 3 titles in the header that link to its own page. I do not want it to link to any page.

    Reply
  34. Danielle says:
    Nov 1, 2016 at 12:05 am

    OMG this was a life saver and I’d wish I found this about 6 mos ago….I’ve been trying to figure this out for the longest time. THANK YOU SO MUCH!!

    Reply
  35. Brendan Dunne says:
    Oct 21, 2016 at 4:13 am

    I used this method to solve my problem and it works great thanks.

    However, the created menu header is not a page so when I go to map the sub pages, how do I structure them?

    Reply
  36. Marek says:
    Aug 9, 2016 at 1:37 am

    Hello,

    I created a custom menu item in which I want to function as a label only, so I deleted the URL from that item, but it still shows a different color on mouse-over as if it was a link. How do I disable that hover effect from that item?

    You can see it here: and the item is the ‘Written About Braunstein’s:’ in the menu below the logo.

    Thanks

    Reply
    • Susan Taunton says:
      Jan 16, 2017 at 1:27 pm

      This is in response to Marek’s August 9th question about how to remove the hover effect from a non-linked menu title:

      Marek,

      You can use the browser development tool to identify that title’s menu-item-number and then use css to define the link, visited, hover, focus, active colors to all be the same and so remove the hover effect.

      Example:
      #menu-item-2036 a,
      #menu-item-2036 a:link,
      #menu-item-2036 a:visited,
      #menu-item-2036 a:hover,
      #menu-item-2036 a:focus,
      #menu-item-2036 a:active {
      color:#C1A45B;
      }

      Susan

      Reply
  37. Huzni Saud says:
    Aug 8, 2016 at 10:57 am

    great work mate

    Reply
  38. Penelope Whiteley says:
    Aug 3, 2016 at 5:40 pm

    I didn’t understand this … are there any more images that maybe show the finished product?

    Reply
  39. Norbert says:
    May 22, 2016 at 8:29 am

    Thanks, it is brilliant and works!!!!

    Reply
  40. WILLIAM says:
    May 10, 2016 at 3:16 pm

    Thank you, it works like a charm.

    Reply
  41. Rui says:
    Apr 16, 2016 at 6:50 am

    Using Appearance>Menus,create a Custom Links item with the URL as

    javascript: void(0);

    This is the a great way of solving that problem :)

    Reply
  42. Peter says:
    Mar 29, 2016 at 7:22 am

    This has bugged my for a while but never did anything about it. Googled and bingo, sorted. So simple thank you.

    Reply
  43. Annelisse Miller says:
    Mar 27, 2016 at 12:24 am

    Worked Perfect! So easy to follow! Thank you!

    Reply
  44. teri matelson says:
    Mar 25, 2016 at 3:45 pm

    can you make a custom link, added to the primary navigation, open in a new window?

    Reply
  45. Matthias says:
    Mar 20, 2016 at 4:58 pm

    Thanks – really helpful!

    Reply
  46. Rajit says:
    Dec 17, 2015 at 2:49 am

    Hi, How do I modify the styling of custom links? I want to separate two sets of menu items with separate non-clickable headings.

    Thanks

    Reply
  47. Graham says:
    Nov 18, 2015 at 11:14 am

    Cheers for that. We were really stuck. Knew it could be done, but didn’t know how…until now. Yer a star :)

    Reply
  48. Rosie says:
    Sep 15, 2015 at 4:49 am

    Thank you!! This is exactly what I needed to do and it has worked a treat.
    Rosie

    Reply
  49. Sanjay Nair says:
    Sep 11, 2015 at 7:20 am

    So simple! Just what I needed. Thank you.

    Reply
  50. Hayley says:
    Sep 3, 2015 at 3:34 am

    Thank you! Exactly what I needed!

    Reply
« 1 2

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
SeedProd Logo
SeedProd
Create beautiful custom landing pages - Drag & drop builder. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 30 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2020 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2020)
    • How to Choose the Best Domain Registrar (Compared)
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • How to Register a Domain Name (+ tip to get it for FREE)
    • HostGator Review - An Honest Look at Speed & Uptime (2020)
    • SiteGround Reviews from 4196 Users & Our Experts (2020)
    • Bluehost Review from Real Users + Performance Stats (2020)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
    • Free Business Name Generator (A.I Powered)
    • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2020 – Step by Step Guide
Deals & Coupons (view all)
MonsterInsights Coupon Code
MonsterInsights Coupon
Get 50% off MonsterInsights, the best Google Analytics plugin for WordPress.
Imagely Coupon
Get 20% OFF on Imagely WordPress photography themes and plugins.
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).
Join our team: We are Hiring!

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
  • Free Business Tools
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress
  • Smash Balloon

Copyright © 2009 - 2021 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by SiteGround | WordPress CDN by MaxCDN | WordPress Security by Sucuri.