{"id":38644,"date":"2023-03-23T09:32:37","date_gmt":"2023-03-23T09:32:37","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=38644"},"modified":"2023-04-10T16:54:40","modified_gmt":"2023-04-10T16:54:40","slug":"how-to-set-breadcrumbs-in-customizer-based-on-kava-theme","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-set-breadcrumbs-in-customizer-based-on-kava-theme\/","title":{"rendered":"How to set breadcrumbs in Customizer (based on Kava theme)"},"content":{"rendered":"\n<p>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&nbsp;<strong>Customizer<\/strong>. Feel free to follow this step-by-step guide in case you\u2019re using&nbsp;the <a href=\"https:\/\/crocoblock.com\/kava\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kava<\/a>&nbsp;theme.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adjusting-the-breadcrumbs-in-the-kava-theme\"><strong>Adjusting the Breadcrumbs in the Kava Theme<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>First that you should do if you want to set the breadcrumbs, is to proceed to the Kava theme settings. Here you will be able to adjust the global settings for all pages and posts. The only you need to perform it is to go into <strong><em>WordPress Dashboard &gt; Kava Theme &gt; Modules<\/em><\/strong> and toggle on the Breadcrumbs switch.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/kava-modulus.png\" alt=\"Breadcrumbs settings at Kava modules\"\/>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"breadcrumbs-global-settings-in-the-customizer\"><strong> Breadcrumbs Global Settings in the Customizer<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>After enabling breadcrumbs in the Kava theme, let\u2019s proceed in the WordPress Dashboard to the&nbsp;<strong>Appearance<\/strong>&nbsp;block and click the&nbsp;<strong>Customize<\/strong>&nbsp;option to open Customizer.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/appearance-customize-block.png\" alt=\"appearance customize block\">\n\n\n<div class=\"note-banner d-flex border-bold border-jetthemecore rounded overflow-hidden p-20\"><div class=\"mr-12\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M9 21C9 21.5 9.4 22 10 22H14C14.6 22 15 21.5 15 21V20H9V21ZM12 2C8.1 2 5 5.1 5 9C5 11.4 6.2 13.5 8 14.7V17C8 17.5 8.4 18 9 18H15C15.6 18 16 17.5 16 17V14.7C17.8 13.4 19 11.3 19 9C19 5.1 15.9 2 12 2Z\" fill=\"#F2D23C\"\/><\/svg><\/div><div class=\"d-flex flex-column\"><div class=\"text-900 mb-12\">Things to know<\/div><p class=\"m-0\">Please, note, that in case you\u2019re 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..<\/p><\/div><\/div>\n\n\n\n<p>After that, select the<strong>&nbsp;General Site Settings<\/strong>&nbsp;tab on the left.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/general-site-settings-1.png\" alt=\"general site settings\">\n\n\n\n<p>Afterwards, you have to click the<strong>&nbsp;Breadcrumbs<\/strong>&nbsp;tab to access the breadcrumbs settings.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/show-fullminified-path-setting.png\" alt=\"show full\/ minidied path setting\">\n\n\n\n<p>There is the&nbsp;<strong>Enable Breadcrumbs<\/strong>&nbsp;option in the&nbsp;<strong>Breadcrumbs<\/strong>&nbsp;menu. Tick it and the Breadcrumbs will appear on your website, providing a much faster way of navigation.<\/p>\n\n\n\n<p>Here, you may also assign the&nbsp;<strong>Breadcrumbs<\/strong>&nbsp;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\u2019ve got a custom header template active on the site, built with help of&nbsp;<a href=\"https:\/\/crocoblock.com\/plugins\/jetthemecore\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>JetThemeCore<\/em><\/a>&nbsp;or&nbsp;<strong>Elementor Pro<\/strong>, the breadcrumbs won\u2019t show up.<\/p>\n\n\n\n<p>You can tick the&nbsp;<strong>Show full \/ minified breadcrumbs path<\/strong>&nbsp;option to display the Breadcrumbs fully or partially.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/breadcrumbs-on-the-frontend.png\" alt=\"breadcrumbs on the frontend\">\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"specifying-the-breadcrumbs-for-the-pages\"><strong>Specifying the Breadcrumbs for the Pages <\/strong><\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>In case you further need to change the breadcrumbs setting for the certain page, you should proceed to in the&nbsp;<strong>WordPress Dashboard<\/strong>&nbsp;click&nbsp;<strong>Edit<\/strong>&nbsp;button under its title.<br>Then below the content area, you will the&nbsp;<strong>Page Settings<\/strong>&nbsp;block for the breadcrumbs redefining.<br>Here you will be able to choose one of the proposed options.<\/p>\n\n\n\n<ul>\n<li>If you select the&nbsp;<strong>Inherit<\/strong>&nbsp;option, then the breadcrumbs will take over the settings from the Customizer<\/li>\n\n\n\n<li>In case you have disabled the breadcrumbs at all in the&nbsp;<strong>Kava theme<\/strong>&nbsp;settings, and at the same time want to show them on the certain page, you need to select the&nbsp;<strong>Enable<\/strong>&nbsp;option.<\/li>\n\n\n\n<li>If you have enabled breadcrumbs appearing in the theme settings, and then want to hide them from the certain page, simply choose the&nbsp;<strong>Disable<\/strong>&nbsp;option.<\/li>\n<\/ul>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/breadcrumbs-page-post.png\" alt=\"breadcrumbs settings for the page\/post\"\/>\n<\/div><\/div>\n\n\n\n<p>That\u2019s it! Now you can go to your webpage and check out how breadcrumbs work.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This tutorial features such option of Kava theme as breadscrumbs. By adding this feature you can increase the usability of your site.<\/p>\n","protected":false},"author":12,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[254],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to set breadcrumbs in Customizer (based on Kava theme) - Help Center<\/title>\n<meta name=\"description\" content=\"This tutorial features such option of Kava theme as breadscrumbs. By adding this feature you can increase the usability of your site.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-set-breadcrumbs-in-customizer-based-on-kava-theme\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to set breadcrumbs in Customizer (based on Kava theme) - Help Center\" \/>\n<meta property=\"og:description\" content=\"This tutorial features such option of Kava theme as breadscrumbs. By adding this feature you can increase the usability of your site.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-set-breadcrumbs-in-customizer-based-on-kava-theme\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-10T16:54:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/kava-modulus.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-set-breadcrumbs-in-customizer-based-on-kava-theme\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-set-breadcrumbs-in-customizer-based-on-kava-theme\/\",\"name\":\"How to set breadcrumbs in Customizer (based on Kava theme) - Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2023-03-23T09:32:37+00:00\",\"dateModified\":\"2023-04-10T16:54:40+00:00\",\"description\":\"This tutorial features such option of Kava theme as breadscrumbs. By adding this feature you can increase the usability of your site.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-set-breadcrumbs-in-customizer-based-on-kava-theme\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-set-breadcrumbs-in-customizer-based-on-kava-theme\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-set-breadcrumbs-in-customizer-based-on-kava-theme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to set breadcrumbs in Customizer (based on Kava theme)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to set breadcrumbs in Customizer (based on Kava theme) - Help Center","description":"This tutorial features such option of Kava theme as breadscrumbs. By adding this feature you can increase the usability of your site.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-set-breadcrumbs-in-customizer-based-on-kava-theme\/","og_locale":"en_US","og_type":"article","og_title":"How to set breadcrumbs in Customizer (based on Kava theme) - Help Center","og_description":"This tutorial features such option of Kava theme as breadscrumbs. By adding this feature you can increase the usability of your site.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-set-breadcrumbs-in-customizer-based-on-kava-theme\/","og_site_name":"Help Center","article_modified_time":"2023-04-10T16:54:40+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/kava-modulus.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-set-breadcrumbs-in-customizer-based-on-kava-theme\/","url":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-set-breadcrumbs-in-customizer-based-on-kava-theme\/","name":"How to set breadcrumbs in Customizer (based on Kava theme) - Help Center","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2023-03-23T09:32:37+00:00","dateModified":"2023-04-10T16:54:40+00:00","description":"This tutorial features such option of Kava theme as breadscrumbs. By adding this feature you can increase the usability of your site.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-set-breadcrumbs-in-customizer-based-on-kava-theme\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-set-breadcrumbs-in-customizer-based-on-kava-theme\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-set-breadcrumbs-in-customizer-based-on-kava-theme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to set breadcrumbs in Customizer (based on Kava theme)"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/38644"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/12"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=38644"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=38644"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=38644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}