Home » 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

WordPress provides an almost limitless amount of customization choices for your website. However, determining how to use some of them may not be evident at first. Adding a title to your menu without referring to a page is one fine example.

Fortunately, this procedure may be completed quickly and easily. You may insert titles into your WordPress menu without adding links by tweaking a few parameters and adding CSS to your website.

In this post, I’ll go through some of the reasons why you would want to add an unclickable title to your WordPress menu and then walk you through three easy steps to do so. Let’s get started!

Why include a title in a WordPress menu that does not link to a page?

Menus are generally used to make your site easier to browse. Adding a title without a link may seem unproductive, but it may be a useful organizing tool that allows your users to discover the information they need quickly.

A common use is to use an unlinked menu item to classify sub-items that have connections. For example, here’s a parent title called Contact Us that has no links:

On the other hand, Contact Us serves as a parent item for the functional child items, where consumers may contact out through email, phone, or by visiting a physical site. Instead of clicking on a link to a contact page and skimming through all the alternatives, visitors may get straight to their chosen contact method this way.

Unlinked menu titles might also be useful if you want to regularly show a static message throughout your site. Even while this technique will get the job done, you may be better served by adding a custom header or footer code if this is your aim.

How to Add Menu Titles Without Linking to a Page (in 3 Steps)

Adding titles to a WordPress menu that do not connect to a page may be a subtle and professional touch. Fortunately, it’s a simple procedure. You’ll be able to rapidly add unlinked menu titles wherever you need them after you’ve mastered the methods.

Step 1: Choose or Make a Menu

The first step is to build or change the menu to which you want to add an unlinked title.

Begin by going to Appearance > Menus on your WordPress dashboard sidebar.

If you have a current menu, it should be shown on the screen. If you wish to start from scratch, choose to Create a New Menu.

Step 2: Insert a Custom Link

Now that you’ve decided which menu to concentrate on, you can begin designing your unlinked menu title.

To increase the choices, go to the Add menu items panel on the left side of the screen and choose the Custom Links tab:

Related:  4 Ways Your Business Can Benefit from Live Streaming

Then, in the Link Text area, write your unlinked title. In this case, I’ve used the Contact Us label.

When you’re finished, click Add to Menu. You can add sub-items with links underneath this title if you like, and you may organize menu items by dragging and dropping them.

Step 3: Using CSS, prevent the cursor from changing when you hover over it.

The first two stages assisted you in creating a menu item that does not connect to a page. Users who linger over it, on the other hand, will see their cursors shift as if they may click on it. Because it will not lead anywhere, you should replace the cursor for consistency’s sake.

Fortunately, this is simple to do with a little CSS.

Navigate to the upper-right corner of the Menus screen and choose the Screen Options option. This will give you a few possibilities, and look for the one titled CSS Classes.

Close the Screen Options menu by checking this box.

Then, navigate back down to the navigation of your website. Find the title you created previously that does not contain a link.

There should now be an extra field named CSS Classes underneath it (optional).

Enter a custom CSS class to correlate with the cursor change (the CSS code will be added next).

Save your options after you’ve decided on a class.

Then, in the sidebar menu, go to Appearance > Customize to access the WordPress Customizer.

Once there, go to the Additional CSS option at the bottom of the left-hand menu. Copy and paste the following code into your browser:

.unclickable > a {

pointer-events: none;


The only exception is if you previously used a class other than unclickable. If you did, replace that line with the name you assigned to the CSS class.

After that, your CSS field should appear like this:

The change should be reflected as soon as you input the extra CSS.

When you hover over an unlinked menu item, make sure your cursor does not offer you the opportunity to click. When you’re satisfied that the changes you’ve made have been applied, click Publish to save the settings.

After completing these steps, you should have added a title to your menu without tying it to a page or making it clickable in any way.

In Conclusion

It might not be easy to figure out how to add a title to your WordPress menu without tying it to a page at first. Fortunately, with a little help, you can easily traverse the procedure.

In this post, I’ll show you how to add an unlinked title to your WordPress menu in three easy steps:

  1. Create or choose the menu you want to utilize.
  2. Include a new Custom Link menu item.
  3. Use a few lines of CSS to change the cursor to a pointer on hover.