The Breadcrumb Module allows you to make it extra clear where the user is on the site, making it easy for them to navigate up through the pages hierarchy. It is possible to find the Breadcrumb Module in the Basic Modules menu only under the Global Styling tab; add it to your website by dragging it from the top bar to a row or column of your preference.
How to edit the Breadcrumb Module?
To open the editing menu, double-click on top of the text you wish to modify or hover the mouse on top of it to find the blue module menu to find the Edit option.
1.1. Icon Separator
You can choose which icon you wish to use to separate the pages.
1.2. Hide Breadcrumb if Top Level
When this option is enabled, the breadcrumb module will disappear if there is only one page to show with it.
In this section it is possible to choose a solid color for the module background.
Define the module's border color, width, style and radius.
Adjust the spacing of the module, both in terms of margin and padding.
3. Global Styling
Find additional styling options with Global Styling. Under the Global Styling tab, there is a Module Design option on the left menu. Click on it to expand the options and you should find the Breadcrumb menu.
3.1. Content - Placement
In this section it is possible to define the placement of the Breadcrumb module - to the left, centered or to the right of the website.
3.2. Styling - Text
In this section it is possible to style the text in the module in terms of font color, size, family, weight, text decoration, uppercase options and transition. Read all about transitions here!
3.3. Styling - Icon Separator
In this section it is possible to define the separator size and color.
3.4. Styling - Background, Border & Spacing
Finally it is possible to define the module's background color; border color, width, style and radius; as well as spacing in terms of margin and padding.