Remove the ‘breadcrumb’ at top of pages

⚠️ Code snippets might not be compatible with the latest version of your theme. Always use a child theme to customize your theme, and test your code on a staging website before migrating to production.

You can search the user’s forum or ask the user community by opening a new thread in the Customizr theme forum. Before opening a new topic, you might want to follow the troubleshooting steps..

To aid navigation, you can use a ‘breadcrumb’ at the top of pages. However, if you need to remove the ‘breadcrumb’, the simplest way is to use:

3.2+ the Customize>Content>Breadcrumb checkboxes.

3.1 the Customiz’it!>Pages & Posts Layout and untick the tickbox.

In CSS, this can also be done with:

Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.

/* START OF Remove the ‘breadcrumb’ at top of pages */
.breadcrumb {
display: none;
/* END OF Remove the ‘breadcrumb’ at top of pages */


37 thoughts on “Remove the ‘breadcrumb’ at top of pages”

Comments are closed.