{"id":1153,"date":"2021-07-09T16:10:41","date_gmt":"2021-07-09T16:10:41","guid":{"rendered":"https:\/\/apressthemes.com\/help\/?post_type=docs&#038;p=1153"},"modified":"2021-07-18T13:53:55","modified_gmt":"2021-07-18T13:53:55","password":"","slug":"vertical-header","status":"publish","type":"docs","link":"https:\/\/apressthemes.com\/help\/docs\/vertical-header\/","title":{"rendered":"Create Vertical Header"},"content":{"rendered":"<h3>Create Vertical Header with WP Bakery Page Builder<\/h3>\n<p>1- Add New Header<br \/>\n2- Add Title<br \/>\n3- Create your Header with the elements<\/p>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/create-header-using-wp-bakery-page-builder\/apress-create-header\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1029 size-full\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header.png\" alt=\"\" width=\"1453\" height=\"626\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header.png 1453w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header-300x129.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header-1024x441.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-create-header-768x331.png 768w\" sizes=\"auto, (max-width: 1453px) 100vw, 1453px\" \/><\/a><\/p>\n<p>Adding Elements to your Header the same way using WP Bakery Page Builder<\/p>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/vertical-header\/header-vertical\/\" rel=\"attachment wp-att-1266\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1266\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/header-vertical.png\" alt=\"\" width=\"1427\" height=\"572\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/header-vertical.png 1427w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/header-vertical-300x120.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/header-vertical-1024x410.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/header-vertical-768x308.png 768w\" sizes=\"auto, (max-width: 1427px) 100vw, 1427px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3>Select Header Position<\/h3>\n<p>1 &#8211; At the bottom of the Header Template you will find the settings for Header Position<br \/>\n2- Select Left\/ Right<\/p>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/vertical-header\/vertical-header-setup\/\" rel=\"attachment wp-att-1262\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1262\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/vertical-header-setup.png\" alt=\"\" width=\"1423\" height=\"496\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/vertical-header-setup.png 1423w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/vertical-header-setup-300x105.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/vertical-header-setup-1024x357.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/vertical-header-setup-768x268.png 768w\" sizes=\"auto, (max-width: 1423px) 100vw, 1423px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3>Responsive Settings<\/h3>\n<p>Here you can easily enable \/ disable the visibility of the Header<br \/>\n1- Go to Header Row created using the Page builder<br \/>\n2- Open the Row Settings<br \/>\n3- Click on Responsive options<br \/>\nHere you can manage the appearance on the devices.<\/p>\n<p>Check the link for Responsive Breakpoints &#8211;<a href=\"https:\/\/apressthemes.com\/help\/docs\/responsive-breakpoints\/\"> https:\/\/apressthemes.com\/help\/docs\/responsive-breakpoints\/<\/a><\/p>\n<p><a href=\"https:\/\/apressthemes.com\/help\/docs\/create-header-using-wp-bakery-page-builder\/apress-responsive-settings\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1037 size-full\" src=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-responsive-settings.png\" alt=\"\" width=\"1705\" height=\"722\" srcset=\"https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-responsive-settings.png 1705w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-responsive-settings-300x127.png 300w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-responsive-settings-1024x434.png 1024w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-responsive-settings-768x325.png 768w, https:\/\/apressthemes.com\/help\/wp-content\/uploads\/2021\/07\/apress-responsive-settings-1536x650.png 1536w\" sizes=\"auto, (max-width: 1705px) 100vw, 1705px\" \/><\/a><\/p>\n<h3>Selecting Header In Theme Option<\/h3>\n<p>1- Go to Theme Options &#8211; Header<br \/>\n2- Here select Page Builder &#8211; A list of Headers available will display in dropdown<br \/>\n3- Select the Header created in Page Builder and Save.<\/p>\n<p><strong>Next Step &#8211; Customizing Mobile Menu for the newly created header &#8211; <\/strong><a href=\"https:\/\/localhost\/apdoc\/docs\/mobile-header-using-wp-bakery-page-builder\/\">https:\/\/localhost\/apdoc\/docs\/mobile-header-using-wp-bakery-page-builder\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create Vertical Header with WP Bakery Page Builder 1- Add New Header 2- Add Title 3- Create your Header with the elements Adding Elements to your Header the same way using WP Bakery Page Builder &nbsp; Select Header Position 1&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[8],"doc_tag":[],"class_list":["post-1153","docs","type-docs","status-publish","hentry","doc_category-header-builder"],"year_month":"2026-04","word_count":169,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"author_nicename":"tech_ac9x_hlp","author_url":"https:\/\/apressthemes.com\/help\/author\/tech_ac9x_hlp\/"},"doc_category_info":[{"term_name":"Header Builder","term_url":"https:\/\/apressthemes.com\/help\/docs-category\/header-builder\/"}],"doc_tag_info":[],"author_list":[{"ID":"2","user_login":"tech_ac9x_hlp","display_name":"Apress Help","id":"2"}],"_links":{"self":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs\/1153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/comments?post=1153"}],"version-history":[{"count":0,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/docs\/1153\/revisions"}],"wp:attachment":[{"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/media?parent=1153"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_category?post=1153"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/apressthemes.com\/help\/wp-json\/wp\/v2\/doc_tag?post=1153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}