Back to contents

How to set breadcrumbs in Customizer (based on Kava theme)

useful information

This tutorial features such option of Kava theme as breadscrumbs. By adding this feature you can increase the usability of your site.

The breadcrumbs are an important part of web page navigation, allowing a user to get to different pages effortlessly. This tutorial will take you through the whole process of adding breadcrumbs to the page via Customizer. Feel free to follow this step-by-step guide in case you’re using Kava theme.

Adding breadcrumbs via Customizer

Step 1 — Open your WordPress Dashboard. There are numerous options on the left. Select the Appearance block and click the Customize option to open Customizer.

appearance customize block

Please, note, that in case you’re using a different theme, the options represented in Customizer would be different. However, most of the themes provide an option to enable and disable the breadcrumbs element. Kava theme is no different.

Step 2 — Select the General Site Settings tab on the left.

general site settings

Step 3 — Afterwards, you have to click the Breadcrumbs tab to access the breadcrumbs settings.

show full/ minidied path setting

There is the Enable Breadcrumbs option in the Breadcrumbs menu. Tick it and the Breadcrumbs will appear on your website, providing a much faster way of navigation.

Here, you may also assign the Breadcrumbs to a different location. Please, pay attention that the breadcrumbs set in Customizer will be applied only to the default header template of the theme. However, in case you’ve got a custom header template active on the site, built with help of JetThemeCore or Elementor Pro, the breadcrumbs won’t show up.

Step 4 — You can tick the Show full / minified breadcrumbs path option to display the Breadcrumbs fully or partially.

breadcrumbs on the frontend

That’s it! Now you can go to your webpage and check out how breadcrumbs work.