{"id":2410,"date":"2023-03-08T01:54:39","date_gmt":"2023-03-08T01:54:39","guid":{"rendered":"https:\/\/docs.deothemes.com\/medikaid\/?post_type=manual_kb&#038;p=2410"},"modified":"2023-03-08T01:54:39","modified_gmt":"2023-03-08T01:54:39","slug":"header-footer-builder","status":"publish","type":"manual_kb","link":"https:\/\/docs.deothemes.com\/medikaid\/knowledgebase\/header-footer-builder\/","title":{"rendered":"Header Footer Builder"},"content":{"rendered":"<p>Medikaid comes with the Header\/ Footer builder system. In this article, you will learn how the template system works. To start, make sure that <strong>Medikaid\u00a0Core<\/strong> and <strong>Eversor<\/strong>\u00a0plugins are installed and active. Let&#8217;s start with a <strong>Header<\/strong>.<\/p>\n<h3>Step 1.<\/h3>\n<p>Navigate to <strong>Medikaid -&gt; Templates<\/strong>. Create a new template and call it <strong>Header.<\/strong> If you want to have multiple headers on your website, select which one is the default by using <strong>Default Template<\/strong> switch. Select <strong>Template Location<\/strong> as <strong>Header <\/strong>or<strong> Header Vertical <\/strong>if you want a vertical header. Click <strong>Activate Template<\/strong> switch to activate your new header template.<\/p>\n<h3><img decoding=\"async\" class=\"image-frame\" src=\"https:\/\/docs.deothemes.com\/solarta\/wp-content\/uploads\/sites\/15\/2021\/10\/docs_header_builder.jpg\" \/><\/h3>\n<h3>Step 2.<\/h3>\n<p>Click on <strong>Edit with Elementor<\/strong> button and start editing. Here you can edit your header the way you want it, however, we recommend importing pre-defined demos instead of making them from scratch. While editing the header template, select <strong>Header<\/strong> section so you can find additional settings in the left menu: <strong>Enable sticky on scroll header<\/strong> and <strong>Enable transparent header.\u00a0 <\/strong>You can duplicate your default header and click on <strong>Enable sticky on scroll header. <\/strong>This way you will have 2 headers, one that stays always on top and the other that sticks when you scroll a page. You can style your sticky header differently as you wish.<\/p>\n<p><img decoding=\"async\" class=\"image-frame\" src=\"https:\/\/docs.deothemes.com\/solarta\/wp-content\/uploads\/sites\/15\/2021\/10\/docs_header_builder-1.jpg\" \/><\/p>\n<h3>Step 3. (optional)<\/h3>\n<p>If you need only one header on your website you can skip this step. Let&#8217;s say you want a transparent header on your home page and a regular white header on inner pages. After you created and activated both of your headers, navigate to any page or post and find <strong>Header Settings<\/strong> in the right sidebar. From here you can select your second header, and save the page to apply changes. Your second header will appear only on this page.<\/p>\n<p><img decoding=\"async\" class=\"image-frame\" src=\"https:\/\/docs.deothemes.com\/solarta\/wp-content\/uploads\/sites\/15\/2021\/10\/docs_custom_header_page.jpg\" \/><\/p>\n<h2>Footers.<\/h2>\n<p>These templates work in a similar way. For a Footer select location <strong>Footer.<\/strong><\/p>\n<p>&nbsp;<\/p>\n<h2>Off-Canvas.<\/h2>\n<p>For <strong>Off-Canvas<\/strong> content leave location as <strong>Default<\/strong>. When creating Off-Canvas content it will appear in the <strong>Off-Canvas<\/strong>\u00a0widget.<\/p>\n<h2><img decoding=\"async\" class=\"image-frame\" src=\"https:\/\/docs.deothemes.com\/everse\/wp-content\/uploads\/sites\/15\/2019\/04\/estand_docs_theme_templates_5.jpg\" \/><\/h2>\n<h2>Deactivating or Deleting Templates.<\/h2>\n<p>When you deactivate or delete your template it will be unassigned from the pages that you&#8217;ve assigned it to.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[50],"manual_kb_tag":[],"class_list":["post-2410","manual_kb","type-manual_kb","status-publish","format-standard","hentry","manualknowledgebasecat-premium-features"],"_links":{"self":[{"href":"https:\/\/docs.deothemes.com\/medikaid\/wp-json\/wp\/v2\/manual_kb\/2410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.deothemes.com\/medikaid\/wp-json\/wp\/v2\/manual_kb"}],"about":[{"href":"https:\/\/docs.deothemes.com\/medikaid\/wp-json\/wp\/v2\/types\/manual_kb"}],"author":[{"embeddable":true,"href":"https:\/\/docs.deothemes.com\/medikaid\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":1,"href":"https:\/\/docs.deothemes.com\/medikaid\/wp-json\/wp\/v2\/manual_kb\/2410\/revisions"}],"predecessor-version":[{"id":2411,"href":"https:\/\/docs.deothemes.com\/medikaid\/wp-json\/wp\/v2\/manual_kb\/2410\/revisions\/2411"}],"wp:attachment":[{"href":"https:\/\/docs.deothemes.com\/medikaid\/wp-json\/wp\/v2\/media?parent=2410"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/docs.deothemes.com\/medikaid\/wp-json\/wp\/v2\/manualknowledgebasecat?post=2410"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/docs.deothemes.com\/medikaid\/wp-json\/wp\/v2\/manual_kb_tag?post=2410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}