{"id":241,"date":"2019-01-24T09:15:53","date_gmt":"2019-01-24T09:15:53","guid":{"rendered":"https:\/\/exponentwptheme.com\/documentation\/?page_id=236"},"modified":"2019-01-26T09:43:35","modified_gmt":"2019-01-26T09:43:35","slug":"header-builder-introduction","status":"publish","type":"page","link":"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/header-builder-introduction\/","title":{"rendered":"Tatsu Header Builder"},"content":{"rendered":"<div  class=\"tatsu-fzhvq0g6d82w5pww tatsu-section    tatsu-clearfix\" data-title=\"\"  data-headerscheme=\"background--dark\"><div class='tatsu-section-pad clearfix' data-padding='{\"d\":\"90px 0px 90px 0px\"}' data-padding-top='90px'><div class=\"tatsu-row-wrap  tatsu-wrap tatsu-row-has-two-cols tatsu-medium-gutter tatsu-reg-cols  tatsu-clearfix tatsu-fzhvq0g6fnf13c8\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-fzhvq0g6ik6pixjf\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-sidebar tatsu-fzhvq0g6jpcani55   \" data-animation=\"fadeIn\"   ><div class=\"widget_nav_menu widget\"><h6>Related Articles<\/h6><div class=\"menu-header-builder-container\"><ul id=\"menu-header-builder\" class=\"menu\"><li id=\"menu-item-283\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-283\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/header-builder-introduction\/\" title=\"Header Builder Overview\">Header Builder Overview<\/a><\/li>\n<li id=\"menu-item-282\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-282\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/building-blocks\/\" title=\"Header Building Blocks\">Header Building Blocks<\/a><\/li>\n<li id=\"menu-item-279\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-279\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/header-modules\/\" title=\"Header Modules\">Header Modules<\/a><\/li>\n<li id=\"menu-item-281\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-281\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/global-settings\/\" title=\"Header Global Settings\">Header Global Settings<\/a><\/li>\n<li id=\"menu-item-304\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-304\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/transparent-header-configurations\/\" title=\"Transparent Header Configurations\">Transparent Header Configurations<\/a><\/li>\n<li id=\"menu-item-310\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-310\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/mega-menu\/\" title=\"Mega Menu\">Mega Menu<\/a><\/li>\n<li id=\"menu-item-406\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-406\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/tatsu-footer-builder\/\" title=\"Footer Builder\">Footer Builder<\/a><\/li>\n<li id=\"menu-item-280\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-280\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/responsive-settings-and-visibility\/\" title=\"Responsive Settings and Visibility\">Responsive Settings and Visibility<\/a><\/li>\n<\/ul><\/div><\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-fzhvq0g6ik6pixjf.tatsu-column{width: 25%;}.tatsu-fzhvq0g6ik6pixjf.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzhvq0g6ik6pixjf > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzhvq0g6ik6pixjf > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzhvq0g6ik6pixjf > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzhvq0g6ik6pixjf > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-fzhvq0g6ik6pixjf.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzhvq0g6ik6pixjf.tatsu-column{width: 25%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzhvq0g6ik6pixjf.tatsu-column{width: 25%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzhvq0g6ik6pixjf.tatsu-column{width: 100%;}}<\/style><\/div><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-three-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-fzhvq0gbzo31phey\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzk4lxnres4s19nv   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzk4lxnres4s19nv .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-fzk4lxnres4s19nv.tatsu-inline-text{margin: 0px 0px 0px 0px;}@media only screen and (max-width: 767px) {.tatsu-fzk4lxnres4s19nv .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<p><a href=\"..\/\" target=\"_self\"><span class=\"palette-0 tatsu-inline-link-style2 h9\">CATEGORY &#8211; HEADER AND FOOTER BUILDER<\/span><\/a><\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-ryzdhfvQ4   \" data-animation=\"fadeIn\"  ><style>.tatsu-ryzdhfvQ4 .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-ryzdhfvQ4 .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h3>Overview<\/h3>\n<p>Headers are a vital part of any site. Headers in Exponent theme are constructed using the Tatsu Header builder. Tatsu header builder provides a full visual interface to build anything from a simple header with just logo and menu to most complex headers with multiple rows and additional elements. It is powered by <strong>Tatsu<\/strong>. If you have read the articles on Tatsu Overview or used Tatsu builder in the past, the interface of Tatsu Header Builder will just be similar to it. However the building blocks and modules used in the Header builder are different.<\/p>\n<\/div><\/div><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-Bk51uXPXN  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"width : 1920px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 25.416666666667%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"header-builder\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/header-builder.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-Bk51uXPXN .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(239,239,239,1); max-width: 100%;}.tatsu-Bk51uXPXN.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><div class=\"tatsu-row-wrap  tatsu-row-one-col tatsu-row-has-one-cols tatsu-medium-gutter tatsu-reg-cols tatsu-inner-row-wrap  tatsu-clearfix tatsu-fzhw9uvpc7eyt3g2\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-one-col tatsu-column-image- tatsu-column-effect-  tatsu-fzhw9uvqzo35ce5h\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-normal-icon tatsu-icon-shortcode align-none tatsu-fzhw9uvr235fmqck icon-transform  \"><style>.tatsu-fzhw9uvr235fmqck .tatsu-icon{color: #2293D7 ;}<\/style><a href=\"#\"  class=\"tatsu-icon-wrap plain     \" data-animation=\"fadeIn\"   aria-label=\"tatsu-icon-light-bulb\" data-gdpr-atts={}   ><i class=\"tatsu-icon tatsu-custom-icon tatsu-custom-icon-class tatsu-icon-light-bulb small plain\"><\/i><\/a><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzhw9uvrk0e8arrq   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzhw9uvrk0e8arrq .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-fzhw9uvrk0e8arrq .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h6><span class=\"palette-0\">NOTE &#8211;\u00a0<\/span><\/h6>\n<p style=\"font-size: 17px; background-color: #eaf2f9;\">If you have not used the Tatsu Page Builder before, we recommend you read through the articles below to get to know the various ways to navigate within the builder &#8211;<\/p>\n<ol style=\"font-size: 17px; background-color: #eaf2f9;\">\n<li style=\"font-size: 17px;\"><a style=\"font-size: 17px;\" href=\"..\/..\/tatsu-overview\/\" target=\"_self\">Tatsu Overview<\/a><\/li>\n<li style=\"font-size: 17px;\"><a style=\"font-size: 17px;\" href=\"..\/..\/build-a-page-with-tatsu\/\" target=\"_self\">Building a page with Tatsu<\/a><\/li>\n<li style=\"font-size: 17px;\"><a style=\"font-size: 17px;\" href=\"..\/..\/context-menu\/\" target=\"_self\">Context Menu and Observer<\/a><\/li>\n<li style=\"font-size: 17px;\"><a style=\"font-size: 17px;\" href=\"..\/..\/responsive-controls\/\" target=\"_self\">Responsive Controls<\/a><\/li>\n<\/ol>\n<\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-fzhw9uvqzo35ce5h.tatsu-column{width: 100%;}.tatsu-fzhw9uvqzo35ce5h.tatsu-column > .tatsu-column-inner{background-color: rgba(234,242,249,1);}.tatsu-fzhw9uvqzo35ce5h.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad{padding: 30px 30px 30px 30px;}.tatsu-fzhw9uvqzo35ce5h.tatsu-column{margin: 0px 0px 30px 0px !important;transform: translate3d(0px,0px, 0);}.tatsu-fzhw9uvqzo35ce5h.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzhw9uvqzo35ce5h > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzhw9uvqzo35ce5h > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzhw9uvqzo35ce5h > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzhw9uvqzo35ce5h > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzhw9uvqzo35ce5h.tatsu-column{width: 100%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzhw9uvqzo35ce5h.tatsu-column{width: 100%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzhw9uvqzo35ce5h.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-rk5fpMPmE   \" data-animation=\"fadeIn\"  ><style>.tatsu-rk5fpMPmE .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-rk5fpMPmE .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<p><span style=\"font-size: 17px; background-color: #ffffff;\">Before starting to build the headers using Tatsu Header Builder, you may have to follow the steps below to know how to\u00a0<strong>Add or Edit<\/strong> a Header in your site.<\/span><\/p>\n<\/div><\/div><div class=\"tatsu-row-wrap  tatsu-row-has-one-half tatsu-row-has-two-cols tatsu-medium-gutter tatsu-reg-cols tatsu-inner-row-wrap  tatsu-clearfix tatsu-rylao7QDQN\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-half tatsu-column-image- tatsu-column-effect-  tatsu-rk0sQQDXN\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-SkUZ1mDmE   \" data-animation=\"fadeIn\"  ><style>.tatsu-SkUZ1mDmE .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-SkUZ1mDmE.tatsu-inline-text{margin: 0px 0px 15px 0px;}@media only screen and (max-width: 767px) {.tatsu-SkUZ1mDmE .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h5>Adding a new Header<\/h5>\n<\/div><\/div><div  class=\"tatsu-module tatsu-text-block-wrap tatsu-H1g_eXDmN  \"><div class=\"tatsu-text-inner tatsu-align-center  clearfix\" data-animation=\"fadeIn\"  ><style>.tatsu-H1g_eXDmN.tatsu-text-block-wrap .tatsu-text-inner{width: 100%;text-align: left;}<\/style>\n<ul class=\"exp-step-list\">\n<li>On wordpress dashboard go to Tatsu Headers > Add Header.<\/li>\n<li>Give the Header a Name and Publish it.<\/li>\n<li>Click on Edit with TATSU to start editing the Header using Header Builder.<\/li>\n<\/ul>\n<\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-rk0sQQDXN.tatsu-column{width: 50%;}.tatsu-rk0sQQDXN.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-rk0sQQDXN > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-rk0sQQDXN > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-rk0sQQDXN > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-rk0sQQDXN > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-rk0sQQDXN.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-rk0sQQDXN.tatsu-column{width: 50%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-rk0sQQDXN.tatsu-column{width: 50%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-rk0sQQDXN.tatsu-column{width: 100%;}}<\/style><\/div><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-half tatsu-column-image- tatsu-column-effect-  tatsu-rklCj77vQN\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-HJd27QvQ4  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"width : 324px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 79.320987654321%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"hb-add-header\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/hb-add-header.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-HJd27QvQ4 .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(239,239,239,1); max-width: 80%;}.tatsu-HJd27QvQ4.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-rklCj77vQN.tatsu-column{width: 50%;}.tatsu-rklCj77vQN.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-rklCj77vQN > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-rklCj77vQN > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-rklCj77vQN > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-rklCj77vQN > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-rklCj77vQN.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-rklCj77vQN.tatsu-column{width: 50%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-rklCj77vQN.tatsu-column{width: 50%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-rklCj77vQN.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><div  class=\"tatsu-module tatsu-divider-wrap tatsu-animate tatsu-B1O6EXPQV   \"  ><style>.tatsu-B1O6EXPQV .tatsu-divider{height: 1px;width: 100%;background: rgba(222,222,222,1);}.tatsu-B1O6EXPQV.tatsu-divider-wrap{text-align: left;}<\/style><hr class=\"tatsu-divider\"\/><\/div><div class=\"tatsu-row-wrap  tatsu-row-has-one-half tatsu-row-has-two-cols tatsu-medium-gutter tatsu-reg-cols tatsu-inner-row-wrap  tatsu-clearfix tatsu-BkgpyzXvQN\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-half tatsu-column-image- tatsu-column-effect-  tatsu-BJA1M7DXE\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-BJWZW7v7V   \" data-animation=\"fadeIn\"  ><style>.tatsu-BJWZW7v7V .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-BJWZW7v7V.tatsu-inline-text{margin: 0px 0px 15px 0px;}@media only screen and (max-width: 767px) {.tatsu-BJWZW7v7V .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h5>Edit a Header<\/h5>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-SJ4H-7w7V   \" data-animation=\"fadeIn\"  ><style>.tatsu-SJ4H-7w7V .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-SJ4H-7w7V.tatsu-inline-text{margin: 0px 0px 20px 0px;}@media only screen and (max-width: 767px) {.tatsu-SJ4H-7w7V .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<p><strong><span class=\"palette-0\">Editing the Active Header &#8211;\u00a0<\/span><\/strong>At once only one Header can be active. The Header that is currently visible on your site is the <strong>Active Header. <\/strong>It can be edited by clicking on the <strong>TATSU HEADER BUILDER<\/strong> link in the admin panel.\u00a0<\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-ByYxfQwQ4   \" data-animation=\"fadeIn\"  ><style>.tatsu-ByYxfQwQ4 .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-ByYxfQwQ4 .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<p><strong><span class=\"palette-0\">Editing inactive Headers &#8211;\u00a0<\/span><\/strong>To edit a Non Active Header using TATSU, simply navigate to <strong>Tatsu Header > All Headers<\/strong> > Choose the respective header > Click on Edit with TATSU.\u00a0<\/p>\n<\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-BJA1M7DXE.tatsu-column{width: 50%;}.tatsu-BJA1M7DXE.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-BJA1M7DXE > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-BJA1M7DXE > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-BJA1M7DXE > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-BJA1M7DXE > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-BJA1M7DXE.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-BJA1M7DXE.tatsu-column{width: 50%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-BJA1M7DXE.tatsu-column{width: 50%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-BJA1M7DXE.tatsu-column{width: 100%;}}<\/style><\/div><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-half tatsu-column-align-middle tatsu-column-image- tatsu-column-effect-  tatsu-B1g0JM7wQE\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-SyLibXP7N  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"width : 551px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 47.005444646098%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"Screen Shot 2019-01-24 at 5.03.49 PM\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/Screen-Shot-2019-01-24-at-5.03.49-PM.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-SyLibXP7N{margin: 0px 0px 30px 0px;}.tatsu-SyLibXP7N .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(239,239,239,1); max-width: 100%;}.tatsu-SyLibXP7N.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-B1g0JM7wQE.tatsu-column{width: 50%;}.tatsu-B1g0JM7wQE.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-B1g0JM7wQE > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-B1g0JM7wQE > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-B1g0JM7wQE > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-B1g0JM7wQE > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-B1g0JM7wQE.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-B1g0JM7wQE.tatsu-column{width: 50%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-B1g0JM7wQE.tatsu-column{width: 50%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-B1g0JM7wQE.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><div class=\"tatsu-row-wrap  tatsu-row-one-col tatsu-row-has-one-cols tatsu-medium-gutter tatsu-reg-cols tatsu-inner-row-wrap  tatsu-clearfix tatsu-rygEGJ7DX4\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-one-col tatsu-column-image- tatsu-column-effect-  tatsu-HJNMkXvQN\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-normal-icon tatsu-icon-shortcode align-none tatsu-rkN7xXP7E icon-transform  \"><style>.tatsu-rkN7xXP7E .tatsu-icon{color: #2293D7 ;}<\/style><a href=\"#\"  class=\"tatsu-icon-wrap plain     \" data-animation=\"fadeIn\"   aria-label=\"tatsu-icon-light-bulb\" data-gdpr-atts={}   ><i class=\"tatsu-icon tatsu-custom-icon tatsu-custom-icon-class tatsu-icon-light-bulb small plain\"><\/i><\/a><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-HyDGy7D7V   \" data-animation=\"fadeIn\"  ><style>.tatsu-HyDGy7D7V .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-HyDGy7D7V .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h6><span class=\"palette-0\">NOTE &#8211;\u00a0<\/span><\/h6>\n<ol>\n<li>If you have imported a Sample Demo Content as per the instructions <a style=\"font-size: 17px; font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; letter-spacing: 0px;\" href=\"..\/..\/import-a-demo\/\" target=\"_self\">here<\/a><span style=\"font-size: 17px; font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; letter-spacing: 0px;\">\u00a0you will have the Header belonging to that demo imported automatically and will also be set as the Active Header. In which case, you can just start editing the Header.\u00a0\u00a0<\/span><\/li>\n<li>While editing a header if Tatsu, if you get an error message that says &#8220;<span style=\"font-size: 17px; font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; letter-spacing: 0px; background-color: #eaf2f9; font-weight: 600; color: #313233;\">Editable Content Area not Found<\/span><span style=\"font-size: 17px; font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; letter-spacing: 0px; background-color: #eaf2f9;\">&#8221; , it is likely a permalink issue. Kindly navigate to\u00a0<\/span><span style=\"font-size: 17px; font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; letter-spacing: 0px; background-color: #eaf2f9; font-weight: 600; color: #313233;\">SETTINGS > PERMALINKS<\/span><span style=\"font-size: 17px; font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; letter-spacing: 0px; background-color: #eaf2f9;\">\u00a0and set the permalink style to Default ( Plain ) and SAVE the settings. Then set your original permalink style (ex. Post name ) and SAVE the settings again. This will refersh the permalinks and you will be able to edit your header in TATSU.<\/span><\/li>\n<\/ol>\n<\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-HJNMkXvQN.tatsu-column{width: 100%;}.tatsu-HJNMkXvQN.tatsu-column > .tatsu-column-inner{background-color: rgba(234,242,249,1);}.tatsu-HJNMkXvQN.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad{padding: 30px 30px 30px 30px;}.tatsu-HJNMkXvQN.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-HJNMkXvQN > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-HJNMkXvQN > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-HJNMkXvQN > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-HJNMkXvQN > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-HJNMkXvQN.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-HJNMkXvQN.tatsu-column{width: 100%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-HJNMkXvQN.tatsu-column{width: 100%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-HJNMkXvQN.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><div  class=\"tatsu-module tatsu-divider-wrap tatsu-animate tatsu-fzk3qronyo1q3yql   \"  ><style>.tatsu-fzk3qronyo1q3yql .tatsu-divider{height: 1px;width: 100%;background: rgba(222,222,222,1);}.tatsu-fzk3qronyo1q3yql.tatsu-divider-wrap{text-align: left;}<\/style><hr class=\"tatsu-divider\"\/><\/div><div class=\"tatsu-row-wrap  tatsu-row-has-one-half tatsu-row-has-two-cols tatsu-no-gutter tatsu-reg-cols tatsu-inner-row-wrap  tatsu-clearfix tatsu-fzk3qrop6se1654w\" ><div  class=\"tatsu-row set-active-footer\" ><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-half tatsu-column-image- tatsu-column-effect-  tatsu-fzk3qros6i1wren5\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzk3qros8gcm12xh   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzk3qros8gcm12xh .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-fzk3qros8gcm12xh.tatsu-inline-text{margin: 0px 0px 15px 0px;}@media only screen and (max-width: 767px) {.tatsu-fzk3qros8gcm12xh .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h5>Set an Active Header<\/h5>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzk3qrosrheu2853   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzk3qrosrheu2853 .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-fzk3qrosrheu2853.tatsu-inline-text{margin: 0px 0px 20px 0px;}@media only screen and (max-width: 767px) {.tatsu-fzk3qrosrheu2853 .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<p>Navigate to <strong>APPEARANCE > CUSTOMISE > TATSU GLOBAL SETTINGS<\/strong> and Choose the Active header from the list of headers available.\u00a0<\/p>\n<\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-fzk3qros6i1wren5.tatsu-column{width: 50%;}.tatsu-fzk3qros6i1wren5.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad{padding: 0px 20px 0px 0px;}.tatsu-fzk3qros6i1wren5.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzk3qros6i1wren5 > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzk3qros6i1wren5 > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzk3qros6i1wren5 > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzk3qros6i1wren5 > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-fzk3qros6i1wren5.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzk3qros6i1wren5.tatsu-column{width: 50%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzk3qros6i1wren5.tatsu-column{width: 50%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzk3qros6i1wren5.tatsu-column{width: 100%;}}<\/style><\/div><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-half tatsu-column-align-middle tatsu-column-image- tatsu-column-effect-  tatsu-fzk3qrota579edsv\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-fzk3qrothp2dwfb8  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"width : 602px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 177.40863787375%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"active-header\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/active-header.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-fzk3qrothp2dwfb8{margin: 0px 0px 30px 0px;}.tatsu-fzk3qrothp2dwfb8 .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(239,239,239,1); max-width: 78%;}.tatsu-fzk3qrothp2dwfb8.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-fzk3qrota579edsv.tatsu-column{width: 50%;}.tatsu-fzk3qrota579edsv.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzk3qrota579edsv > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzk3qrota579edsv > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzk3qrota579edsv > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzk3qrota579edsv > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-fzk3qrota579edsv.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzk3qrota579edsv.tatsu-column{width: 50%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzk3qrota579edsv.tatsu-column{width: 50%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzk3qrota579edsv.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-fzhvq0gbzo31phey.tatsu-column{width: 75%;}.tatsu-fzhvq0gbzo31phey.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad{padding: 0px 0px 0px 40px;}.tatsu-fzhvq0gbzo31phey.tatsu-column > .tatsu-column-inner{border-width: 0px 0px 0px 1px;border-color: rgba(237,237,237,1); }.tatsu-fzhvq0gbzo31phey.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzhvq0gbzo31phey > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzhvq0gbzo31phey > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzhvq0gbzo31phey > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzhvq0gbzo31phey > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-fzhvq0gbzo31phey.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzhvq0gbzo31phey.tatsu-column{width: 75%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzhvq0gbzo31phey.tatsu-column{width: 75%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzhvq0gbzo31phey.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><\/div><div class=\"tatsu-section-background-wrap\"><div class = \"tatsu-section-background\" ><\/div><\/div><style>.tatsu-fzhvq0g6d82w5pww .tatsu-section-pad{padding: 90px 0px 90px 0px;}.tatsu-fzhvq0g6d82w5pww > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzhvq0g6d82w5pww > .tatsu-top-divider{z-index: 9999;}<\/style><\/div>\n","protected":false},"excerpt":{"rendered":"<div><a href=\"https:\/\/exponentwptheme.com\/documentation\/overview-header-builder\/header-builder-introduction\/\" class=\"exp-read-more exp-read-more-underlined\">Read More<\/a><\/div>\n","protected":false},"author":2,"featured_media":0,"parent":240,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-241","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=241"}],"version-history":[{"count":0,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/241\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/240"}],"wp:attachment":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}