Remove bread crumbs and strip on website

[dstro003]

I would was cleaning up some the custom code that I added to the Global CSS and I accidentally deleted a piece of code that removed the breadcrumbs from my website.

I want to remove them from my entire website as well as that strip they are in as they don’t look good.

How can I remove them?

Thanks

[prakash_s]

Hello @dstro003,

Thanks for writing to us.

In case you are using the Pro custom Header, I would suggest you go to the Header bar and remove the element to get rid of the breadcrumbs. Please have a look at the given screenshot below.

Or in case you are using the default Header then you need to go to the Theme Options —>Miscellaneous—> disable the Crumb.

In case you want to remove it through the custom CSS code you need to add these CSS codes.

Pro custom Header Breadcrumbs

nav.x-crumbs {
display: none;
}

Default Header Breadcrumbs

.x-breadcrumbs {
    display: none;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks