{"id":307962,"date":"2020-07-19T23:41:17","date_gmt":"2020-07-20T06:41:17","guid":{"rendered":"https:\/\/wpbeaveraddons.com\/?page_id=307962"},"modified":"2020-08-01T01:09:08","modified_gmt":"2020-08-01T08:09:08","slug":"header-footer-builder","status":"publish","type":"page","link":"https:\/\/wpbeaveraddons.com\/demo\/header-footer-builder\/","title":{"rendered":"Header Footer Builder"},"content":{"rendered":"<h1>\n\t\tHeader Footer Builder for Beaver Builder\n\t<\/h1>\n\tCreate custom header footer for Beaver Builder websites using PowerPack.<br \/>\n<strong><em>No additional coding skills required.<\/em><\/strong>\n\t<a href=\"https:\/\/wpbeaveraddons.com\/pricing\/?utm_source=header-footer_demo&amp;utm_medium=cta&amp;utm_campaign=header-footer_demo_cta\" target=\"_self\" role=\"button\" aria-label=\"Get Started\" rel=\"noopener noreferrer\">\n\t\t\t\tGet Started\n\t\t\t<\/a>\n\t\t<h3>\n\t\t\tDemo How to Create Header\n\t\t<\/h3>\n\t\t\t\n\t\t<h3>\n\t\t\tDemo How to Create Footer\n\t\t<\/h3>\n\t\t\t\n\t\t<h2>\n\t\t\tDesign Your Header With Beaver Builder\n\t\t<\/h2>\n\t\t\t<p>Creating a custom header and footer on Beaver Builder websites is now super easy! With PowerPack\u2019s exclusive Header Footer feature, you can easily customize any page or template and set it as a header or footer across your website. <\/p>\n<p>Thus far, for editing &amp; creating a custom Beaver Builder header, we required Beaver Themer but not anymore. With PowerPack, you can design beautiful header layouts and add them to your site with a simple click.  <\/p>\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/bb-header-sec1.png\" alt=\"bb-header-sec1\" \/>\n\t\t<h3>\n\t\t\tCreate Fixed\/Sticky Header at top of your webpages\n\t\t<\/h3>\n\t\t\t<p>Sticky header is the feature that makes your header visible all the time. Undoubtedly a useful feature for easy user navigation.Want to create a sticky header on your Beaver Builder websites? PowerPack got you covered! Create a custom header layout and enable the <strong>\u201cSticky Header\u201d<\/strong> feature from the PowerPack settings, and you are good to go.<\/p>\t\t\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/bb-header-sec2.gif\" alt=\"bb-header-sec2\" \/>\n\t<a href=\"https:\/\/wpbeaveraddons.com\/pricing\/?utm_source=header-footer_demo&amp;utm_medium=cta&amp;utm_campaign=header-footer_demo_cta\" target=\"_self\" role=\"button\" aria-label=\"Get Started\" rel=\"noopener noreferrer\">\n\t\t\t\tGet Started\n\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/bb-header-sec3.png\" alt=\"bb-header-sec3\" \/>\n\t\t<h3>\n\t\t\tShrink Header On Scroll\n\t\t<\/h3>\n\t\t\t<p>Don\u2019t want to distract your user with the header layout all over the web page content? Worry Not! Enable the <strong>\u201cShrink Header\u201d<\/strong> feature of PowerPack header footer extension. This feature will reduce the height of the header when the user scrolls pages. When you create a sticky header for your website, you can simply enable this feature to give your users a smooth navigation experience.<\/p>\t\t\n\t\t<h3>\n\t\t\tBeautiful Overlay Header With <br>Beaver Builder\n\t\t<\/h3>\n\t\t\t<p>Ever get mesmerized by the beautiful transparent headers? You can easily create one using PowerPack. Transparent headers are nowadays popular header designs for home pages as it merges a header part with the page\u2019s content, providing you a unique way to display content on your websites.<\/p>\t\t\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/bb-header-sec4.png\" alt=\"bb-header-sec4\" \/>\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/bb-header-sec5.png\" alt=\"bb-header-sec5\" \/>\n\t\t<h3>\n\t\t\tCustomize Footer Layouts With <br>Beaver Builder\n\t\t<\/h3>\n\t\t\t<p>Just like header, you can also create custom footers with Beaver Builder &amp; PowerPack. You can easily customize any page or template and set it as a footer across your websites.<\/p>\t\t\n\t\t<h3>\n\t\t\tGet Access to 350+ Beautiful Templates &amp; 65+ Creative Modules.\n\t\t<\/h3>\n\t\t\t<p>Buy worry free with our 14-Days Money Back Guarantee.\u00a0<\/p>\t\t\n\t<a href=\"https:\/\/wpbeaveraddons.com\/pricing\/?utm_source=footer&amp;utm_medium=cta&amp;utm_campaign=footer_cta\" target=\"_self\" role=\"button\" aria-label=\"GET POWERPACK\" rel=\"noopener noreferrer\">\n\t\t\t\t<strong>GET POWERPACK<\/strong>\n\t\t\t<\/a>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/wpbeaveraddons.com\/wp-content\/uploads\/person-1.png\" alt=\"\" height=\"425\" width=\"500\" \/>\n","protected":false},"excerpt":{"rendered":"<p>Header Footer Builder for Beaver Builder Create custom header footer for Beaver Builder websites using PowerPack. No additional coding skills required. Get Started Demo How to Create Header Demo How to Create Footer Design Your Header With Beaver Builder Creating a custom header and footer on Beaver Builder websites is now super easy! With PowerPack\u2019s&hellip;<\/p>\n","protected":false},"author":5391,"featured_media":0,"parent":79,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages\/307962"}],"collection":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/users\/5391"}],"replies":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/comments?post=307962"}],"version-history":[{"count":4,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages\/307962\/revisions"}],"predecessor-version":[{"id":311912,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages\/307962\/revisions\/311912"}],"up":[{"embeddable":true,"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/pages\/79"}],"wp:attachment":[{"href":"https:\/\/wpbeaveraddons.com\/wp-json\/wp\/v2\/media?parent=307962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}