Breadcrumbs
Last updated
Last updated
Breadcrumbs provide users with a clear path of their navigation history on your site, enhancing the user experience by showing their current location relative to the site structure. In Kalium, breadcrumbs can be customized via the Appearance -> Customize -> General -> Breadcrumb section. By default, breadcrumbs are disabled and require the Breadcrumb NavXT plugin for functionality. Follow the steps below to set up and configure breadcrumbs:
Install Breadcrumb NavXT Plugin:
Go to Plugins -> Add New Plugin.
Search for Breadcrumb NavXT plugin.
Click Install Now, then Activate.
Enable Breadcrumbs:
Return to Appearance -> Customize -> General -> Breadcrumb.
Toggle the switch to enable breadcrumbs.
Once breadcrumbs are enabled, you can customize them using the following options:
Type 1: Classic breadcrumb without a border.
Type 2: Classic breadcrumb with borders at the top and bottom.
Type 3: Modern breadcrumb with enhanced styling options.
Choose the alignment for the breadcrumb text:
Left
Center
Right
This alignment option is available for all breadcrumb types.
Control where breadcrumbs are shown or hidden by toggling the options on or off. Additionally, breadcrumbs can be added directly to the header as a header element.
Manage the visibility of breadcrumbs across different devices:
Desktop
Tablet
Mobile
Set preferences for each device type to ensure optimal display.
Customize the appearance of breadcrumbs to match your site's design. The following styling options are available:
Set the background color for the breadcrumb.
Choose the color of the separator. The separator type can be further customized in the Breadcrumb NavXT plugin settings.
Define the border color for Type 2 and Type 3 breadcrumbs.
Adjust the border radius for Type 1 and Type 3 breadcrumbs.
Set the vertical margin only; side margins are not adjustable.
The Breadcrumb NavXT plugin also offers extensive settings such as choosing where to show the breadcrumbs and selecting the separator type.
