Categories: WordPress Tutorials

How to Remove Breadcrumbs in WordPress

Have you heard the term “Breadcrumbs”?

If you use WordPress, you can structure your site by adding breadcrumbs. Of course, they are useful. However, it would be best if you also learned how to remove Breadcrumbs in WordPress.

What are Breadcrumbs?

Breadcrumbs represent the relationship between parent and child category. They tell the user about the user’s location on a particular site and the site structure, which will help Google understand your site. In short, it acts as a boost for the sitemaps. That’s the reason you will find it across different sites.    

Types of Breadcrumbs

There are different types of Breadcrumbs. These are some of the popular ones:

  • Hierarchy-Based

This is the most common type of Breadcrumbs that is used across the majority of the sites. As the name itself suggests, you will find the Breadcrumbs that shows the site structure.

For example: Home > Blog > Type of Category > Post 

  • Attribute-Based

Attribute-Based Breadcrumbs are generally found on the eCommerce site. In this type, it consists of product attributes.

For example: Home > Type of Product > Product > Gender > Size > Color

  • History-Based

If you are surfing a site, then this type of Breadcrumbs will be generated.  The structure for this type of Breadcrumbs is like Home>Previous Page>Current Page.

Uses of Breadcrumbs

By now, you should have known that Breadcrumbs’ primary function is to let the user know about the proper location of a web page on a website. As this feature is not active by default, there may be a plugin in a site to activate it.

If there are no advantages, probably no one would add it. There are also some advantages like:

  • Enhance User Experience

Yes, you heard it right. It enhances the user experience. If you properly use them, the user will understand your site quickly. They can follow the hierarchy to navigate across different locations on the site. As a whole, it improves the look of the site.

  • Improves SEO

Google adds the Breadcrumbs in the search result when you have related it correctly. It helps to improve the SEO result of your site.

  • Low Bounce Rate

If your site has a good structure, the visitors may check other related pages. This results in a low bounce rate of the site. 

How to remove Breadcrumbs in WordPress?

By default, breadcrumbs are not enabled in WordPress. It is added manually due to a plugin or theme.

If breadcrumbs are added due to plugin

First of all, you need to find out the plugin that has added this feature. Go through the list of the plugins installed on the site. Mostly, this feature is added by the SEO related plugins.

In case of Yoast, you will find the Breadcrumbs settings like in the picture below.

Breadcrumbs settings in Yoast

In case of RankMath, you will find the Breadcrumbs settings like in the picture below.

Breadcrumbs settings in RankMath

If you do not find out the exact plugins, note all the plugins, and search its features and settings. If Breadcrumbs is available in the feature, check it once. Once you figure out a specific plugin, disable that feature of the plugin from the settings.

If breadcrumbs are added due to theme

If there is no plugin responsible for the site’s breadcrumbs, you need to check the theme code. You may be getting this feature due to the presence of the code in the theme.

Go to Appearance > Theme Editor. There you will find the list of all themes that you can edit.

Search for the word breadcrumbs on different pages. Once you find the PHP line that generates the breadcrumbs, add two forward slashes. This will comment out the code, and it will not run.

Don’t forget to update the file to save the changes. Repeat this step on other pages or any other themes to remove breadcrumbs.  

However, if you can remove it with ease from custom CSS.

At first, open the page where Breadcrumbs is present.

For example, let us take this page.

Now, Let’s right-click and Inspect this page to find out the class associated with the Breadcrumbs.

Breadcrumb Class

Once you find the class, check the style-linked with the class and add the display to none to remove the Breadcrumbs on that page.

Set Breadcrumb Display to none

Go to Appearance > Customize and add this code in Additional CSS.

breadcrumbs {
display: none; 
}

This works great. Have a try!

However, in some themes, the developers can add and remove breadcrumbs in the Page Header section. So, make sure that you have already checked whether it is available or not in your theme.

Wrapping Up

Hopefully, this tutorial answers how to remove Breadcrumbs in WordPress. Undoubtedly, Breadcrumbs are a positive aspect of WordPress, but you should also know how to disable it if you no longer need it.

Related Post

  1. Add Push Notification in WordPress
  2. How to Change Header Image in WordPress
  3. How to Change Front Page in WordPress
Amar Raj Mahato

Amar Raj Mahato is a Digital Marketer who is currently working as a content creator and SEO specialist in CodeFlist.com

Recent Posts

How to fix 504 Gateway Timeout Error?

As a visitor of the site and website owner, it is awful to experience errors on the site. Error pages… Read More

3 years ago

How to fix 403 Forbidden Error?

In the present context, every business owner maintains their own site for the online presence. When something unexpected happens with… Read More

3 years ago

How to use WebP images in WordPress?

If there are too many images on your site, they are uploaded in either PNG or JPG format. Learning how… Read More

3 years ago