Skip to main content

Some links on this post may link to affiliate pages that offer compensation to the author of this post.

What are Yoast SEO Breadcrumbs?

Yoast SEO is a plugin for WordPress that provides the ability to improve your SEO on your website. One of the ways it does that is with the use of breadcrumbs to help users and search engines index your website. Breadcrumbs are small bits of text, usually placed near the top of a web page, and they show visitors where they currently are.

How to Remove Yoast SEO Bread Crumb Icon From WordPress Admin Bar

The Yoast SEO plugin is one of the most popular plugins for WordPress. It is used by millions of site owners to optimize their content and make it more search engine friendly.

The plugin comes with a breadcrumb option that shows up in the admin bar on the left-hand side of your WordPress dashboard.

This article will show you how to remove this icon from your WordPress admin bar.

Disable the Yoast Breadcrumbs Effect in WordPress’ Classic Editor Mode

The Bread Crumb effect is a feature in WordPress that helps you navigate through your website. It is displayed as a list of links that show the path you took to get to the current page.

This article will show you how to disable the breadcrumbs effect in WordPress’ classic editor mode so that it does not show up on your site.

Step 1: In your WordPress admin panel, go to Settings > Writing and then click on “Screen Options”.

Step 2: Scroll down till you see “Breadcrumb trail” and uncheck the box next to it.

Disable the Yoast Breadcrumbs Effect in WordPress CSS Code:

The breadcrumbs effect is a term used to describe the tendency of users to click on the navigation links at the top of a page before they have finished reading the content. The term was coined by Jakob Nielsen in 1994 and has been studied extensively by web usability experts.

There are several methods that you can use to disable this effect in WordPress. One way is to use CSS styling for your navigation links by adding display: none; or visibility: hidden; property in your stylesheet. This will hide them from view but still keep them accessible for search engines.

Make sure you find the ID or class of the breadcrumbs effect by right-clicking on your website in the breadcrumbs area and identifying it in your browser’s developer tools.

Conclusion and Additional Resources for Increasing Your Website’s Search Engine Rankings

I hope this article helped you hide or disable the Yoast Breadcrumb effect on your website. If you still need some assistance, I have created a basic tutorial using my own website down below:



Paste this code in your wordpress customizer
/*paste this code inside your wordpress CSS customizer */ .yoast{ display: none !important; }

Thank you so much for reading this post. I work really hard to write content that both makes sense and is easily digestible. Please consider sharing, leaving a comment or just liking this post to support more content like this.

Work With Me – Big Red Jelly

As a web designer, I have worked at Big Red Jelly for the better part of 2 years now. If you would like to work with me consider reaching out to our team at or consider leaving a message for me with your current website link and I’ll get in touch!


This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: