Use the Breadcrumb module to make it easier for visitors to navigate back and get an overview of where they are on your website. You can either add a Breadcrumb module by clicking Design > Modules > Page Navigation > Breadcrumb in the left-hand panel in Mono Editor or by selecting the Breadcrumb module in the Add module overlay. 

Mono_Editor_-_Module_-_Page_Navigation_-_Breadcrumb.png

Mono_Editor_-_Module_-_Breadcrumb_-_add.png

 

Please note that the breadcrumb doesn't show on E-commerce product pages.

 

To edit the breadcrumb module, expand the Design elements in the module overlay. 

Mono_Editor_-_Module_-_Page_Navigation_-_Breadcrumb_-_add_Overlay.png

 

  This is a header and footer-only module

The Breadcrumb module can only be inserted in the header or footer of your website and you will therefore not be able to select it from the Add module menu anywhere else on your website.

Example: The options available for adding a page navigation module to the header. 
Mono_Editor_-_Module_-_Breadcrumb_-_add.png

Example: Options available for adding a page navigation module to a non-header/footer section of the website.

Mono_Editor_-_Module_-_Page_Navigation_-_Breadcrumb_-_rest_of_website.png

 

Content

Select an icon for visually separating your the pages in your breadcrumb - you have six different styles to choose from.

Tick the option Hide breadcrumb if only one page if you want to hide your breadcrumb module when your visitor is on a top level page, e.g. Home, About, Contact, etc. The breadcrumb will only start appearing when a visitor is on a second-level page, for example About > How to get here.

 

Design

The Design section is where you change the background, border and spacing on your Breadcrumb module. Click More local design options for additional styling options. For more information on styling, read our dedicated guide here.

Was this article helpful?
0 out of 0 found this helpful