{"id":969,"date":"2020-11-06T12:04:33","date_gmt":"2020-11-06T19:04:33","guid":{"rendered":"https:\/\/kadence-theme.com\/?post_type=knowledgebase&#038;p=969"},"modified":"2022-06-29T06:53:29","modified_gmt":"2022-06-29T06:53:29","password":"","slug":"customizing-the-topbar","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-theme\/customizing-the-topbar\/","title":{"rendered":"Customizing the Topbar"},"content":{"rendered":"\n<p>From the customizer, open the Header tab and from there you can drag and drop elements into your topbar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/11\/Screen-Shot-2020-06-25-at-10.54.56-PM-1024x95-1.png\" alt=\"\" class=\"wp-image-970\" width=\"768\" height=\"71\" \/><\/figure>\n\n\n\n<p>You can customize the layout, height, and design of your topbar by clicking on the Settings icon beside the Top Row tab as shown here:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/11\/Screen-Shot-2020-06-25-at-11.02.16-PM.png\" alt=\"\" class=\"wp-image-971\" \/><\/figure><\/div>\n\n\n<style>#kt-layout-id_43efc7-30 > .kt-row-column-wrap{align-content:start;}:where(#kt-layout-id_43efc7-30 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}#kt-layout-id_43efc7-30 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);padding-top:var( --global-kb-row-default-top, 25px );padding-bottom:var( --global-kb-row-default-bottom, 25px );padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:repeat(2, minmax(0, 1fr));}#kt-layout-id_43efc7-30 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){#kt-layout-id_43efc7-30 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){#kt-layout-id_43efc7-30 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style>\n<div class=\"wp-block-kadence-rowlayout alignnone\"><div id=\"kt-layout-id_43efc7-30\" class=\"kt-row-layout-inner kt-layout-id_43efc7-30\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-gutter-default kt-v-gutter-default kt-row-valign-top kt-row-layout-equal kt-tab-layout-inherit kt-m-colapse-left-to-right kt-mobile-layout-row\"><style>.kadence-column_2a86a7-ea > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_2a86a7-ea > .kt-inside-inner-col,.kadence-column_2a86a7-ea > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_2a86a7-ea > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_2a86a7-ea > .kt-inside-inner-col{flex-direction:column;}.kadence-column_2a86a7-ea > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_2a86a7-ea > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_2a86a7-ea{position:relative;}@media all and (max-width: 1024px){.kadence-column_2a86a7-ea > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_2a86a7-ea > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-1 kadence-column_2a86a7-ea\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/11\/Screen-Shot-2020-06-25-at-11.05.51-PM.png\" alt=\"\" class=\"wp-image-972\" \/><\/figure>\n<\/div><\/div>\n\n\n<style>.kadence-column_31102a-f6 > .kt-inside-inner-col{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}.kadence-column_31102a-f6 > .kt-inside-inner-col,.kadence-column_31102a-f6 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column_31102a-f6 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column_31102a-f6 > .kt-inside-inner-col{flex-direction:column;}.kadence-column_31102a-f6 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column_31102a-f6 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column_31102a-f6{position:relative;}@media all and (max-width: 1024px){.kadence-column_31102a-f6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column_31102a-f6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column inner-column-2 kadence-column_31102a-f6\"><div class=\"kt-inside-inner-col\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/11\/Screen-Shot-2020-06-25-at-11.05.59-PM.png\" alt=\"\" class=\"wp-image-973\" \/><\/figure>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n\n\n<p>All of these settings can be individualized for tablet and mobile devices.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/www.kadencewp.com\/kadence-theme\/wp-content\/uploads\/sites\/10\/2020\/11\/Screen-Shot-2020-06-26-at-6.42.29-AM.png\" alt=\"\" class=\"wp-image-974\" \/><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>From the customizer, open the Header tab and from there you can drag and drop elements into your topbar. You can customize the layout, height, and design of your topbar by clicking on the Settings icon beside the Top Row tab as shown here: All of these settings can be individualized for tablet and mobile&#8230;<\/p>\n","protected":false},"author":1265,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[407],"doc_tag":[],"knowledge_base":[6],"class_list":["post-969","docs","type-docs","status-publish","hentry","doc_category-theme-header","knowledge_base-kadence-theme"],"year_month":"2026-04","word_count":56,"total_views":"6084","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"display_name":"Ben Ritner","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/britner\/"},"doc_category_info":[{"term_name":"Header","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/theme-header\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Theme","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-theme\/","term_slug":"kadence-theme"}],"knowledge_base_slug":["kadence-theme"],"taxonomy_info":{"doc_category":[{"value":407,"label":"Header"}],"knowledge_base":[{"value":6,"label":"Kadence Theme"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/969","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/1265"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=969"}],"version-history":[{"count":1,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/969\/revisions"}],"predecessor-version":[{"id":5377,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/969\/revisions\/5377"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=969"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=969"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=969"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}