Connect with us

Guide

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

Published

on

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.

Utibe-Abasi is a digital marketing expert with 8+ years of experience in inbound and outbound marketing. He helps small businesses like Koolwire Media achieve their goals in content creation, social media marketing, email marketing, and paid advertising. His interests include reading, writing, gym, walking, and traveling.

Latest Articles

The Best Marketing Automation Tools for WordPress The Best Marketing Automation Tools for WordPress
Tools2 months ago

The Best Marketing Automation Tools for WordPress

Are you interested in using automation to reduce your burden and increase the size of your website? There are several...

5 Best Fashion eCommerce Themes for WordPress 5 Best Fashion eCommerce Themes for WordPress
Themes4 months ago

5 Best Fashion eCommerce Themes for WordPress

Fashion eCommerce themes are a dime a dozen nowadays. There are so many WordPress themes with eCommerce functionalities that it...

The Best WordPress Caching Plugins (2022) The Best WordPress Caching Plugins (2022)
Plugins4 months ago

The Best WordPress Caching Plugins (2022)

Do you want to make your WordPress website load faster? One of the most excellent methods to guarantee that your...

5 Best Autoresponder Plugins for WordPress 5 Best Autoresponder Plugins for WordPress
Plugins5 months ago

5 Best Autoresponder Plugins for WordPress

Are you looking for the best autoresponder plugin for WordPress? With an autoresponder plugin, subscribers and website visitors may all...

7 Best Email Capture Tools to Skyrocket Your List 7 Best Email Capture Tools to Skyrocket Your List
Tools5 months ago

7 Best Email Capture Tools to Skyrocket Your List

To collect email addresses from your website users, you need a quick and easy method. As soon as a new...

8 Best WordPress AMP Plugins for Improved Loading Speed 8 Best WordPress AMP Plugins for Improved Loading Speed
Plugins5 months ago

8 Best WordPress AMP Plugins for Improved Loading Speed

Google’s AMP (Accelerated Mobile Pages) project is an open-source effort focused on enhancing the mobile web surfing experience. This is...

5 Best WordPress Banner Plugins to Boost Conversions 5 Best WordPress Banner Plugins to Boost Conversions
Plugins5 months ago

5 Best WordPress Banner Plugins to Boost Conversions

The best WordPress banner plugin can help your site’s visitors become customers and increase its revenue. Adding banner advertisements, product...

5 Best WordPress Themes for Language Schools 5 Best WordPress Themes for Language Schools
Themes5 months ago

5 Best WordPress Themes for Language Schools

Because of the pandemic’s awareness-raising effects, the educational landscape has shifted. Fail to get your program started to a good...

5 Best Orthopedic WordPress Themes for Visitors' Appointments 5 Best Orthopedic WordPress Themes for Visitors' Appointments
Themes5 months ago

5 Best Orthopedic WordPress Themes for Visitors’ Appointments

Build a website if you want to attract new patients regularly. Have no idea where to begin? We’ve compiled the...

5 Best Pharmacy WordPress Themes 5 Best Pharmacy WordPress Themes
Themes5 months ago

5 Best Pharmacy WordPress Themes

There is no such thing as a successful pharmacy that doesn’t make a sound. It doesn’t matter how big or...