{"id":2123,"date":"2018-12-26T03:05:50","date_gmt":"2018-12-26T03:05:50","guid":{"rendered":"https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/?page_id=2123"},"modified":"2022-06-15T01:18:24","modified_gmt":"2022-06-15T01:18:24","slug":"headers","status":"publish","type":"page","link":"https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/headers\/","title":{"rendered":"Headers Overview"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row css=&#8221;.vc_custom_1532594858395{padding-top: 40px !important;}&#8221;][vc_column][vc_column_text el_class=&#8221;text-center&#8221;]<\/p>\n<h2 class=\"font-weight-bold mb-2\">Header Builder in Customizer<\/h2>\n<p>Create the header of your website using the Drag &amp; Drop Header Builder. It\u2019s incredibly easy and fun to build and mantain your website header.<br \/>\nBuild any kind of header selecting existing elements or even adding shortcodes and HTML code.<\/p>\n<div class=\"video-player fit-video mb-3\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/pk2W281QUa8\" width=\"1280\" height=\"720\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<h5 class=\"mb-5 text-start\">For more information about Porto Header Builder, please see the <a href=\"https:\/\/www.portotheme.com\/wordpress\/porto\/documentation\/header-builder\/\" target=\"_blank\" rel=\"noopener noreferrer\">documentation<\/a>.<\/h5>\n<h4 class=\"text-uppercase font-weight-semibold mb-2\">Header Builder Presets<\/h4>\n<p>When you choose a header builder preset, porto loads resources for that header only not other header presets.[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=&#8221;porto-header-types&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;550&#215;140&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/header_builder_presets\/header_preset1.jpg&#8221; caption=&#8221;Header Preset 1&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/classic-color\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;550&#215;140&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/header_builder_presets\/header_preset2.jpg&#8221; caption=&#8221;Header Preset 2&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/classic-light\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;550&#215;90&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/header_builder_presets\/header_preset3.jpg&#8221; caption=&#8221;Header Preset 3&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/corporate6\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;550&#215;90&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/header_builder_presets\/header_preset4.jpg&#8221; caption=&#8221;Header Preset 4&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/corporate1\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;550&#215;140&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/header_builder_presets\/header_preset5.jpg&#8221; caption=&#8221;Header Preset 5&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/corporate2\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;550&#215;140&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/header_builder_presets\/header_preset6.jpg&#8221; caption=&#8221;Header Preset 6&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/corporate5\/&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;550&#215;202&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/header_builder_presets\/header_preset7.jpg&#8221; caption=&#8221;Header Preset 7&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/corporate8\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;550&#215;90&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/header_builder_presets\/header_preset8.jpg&#8221; caption=&#8221;Header Preset 8&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/corporate9\/&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;250&#215;500&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/header_builder_presets\/header_preset_side1.jpg&#8221; caption=&#8221;Side header Preset 1&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/corporate11\/&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;250&#215;500&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/header_builder_presets\/header_preset_side2.png&#8221; caption=&#8221;Side header Preset 2&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/corporate12\/&#8221;][\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;250&#215;500&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/header_builder_presets\/header_preset_side3.png&#8221; caption=&#8221;Side header Preset 3&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/corporate13\/&#8221;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1532594858395{padding-top: 40px !important;}&#8221;][vc_column][vc_column_text el_class=&#8221;text-center&#8221;]<\/p>\n<h2 class=\"font-weight-bold mb-2\">Header Builder using Page Builders<\/h2>\n<p>In Porto 6.0, <a href=\"https:\/\/www.portotheme.com\/wordpress\/porto\/documentation\/templates-builder\/\"><strong>templates builder<\/strong><\/a> is newly added to create and modify the whole site including header dynamically using page builders. You can build the header dynamically in any layout using templates builder.<\/p>\n<div style=\"width: 1140px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-2123-1\" width=\"1140\" height=\"639\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/www.portotheme.com\/wordpress\/porto\/documentation\/assets\/videos\/proto_templates_builder.mp4?_=1\" \/><a href=\"https:\/\/www.portotheme.com\/wordpress\/porto\/documentation\/assets\/videos\/proto_templates_builder.mp4\">https:\/\/www.portotheme.com\/wordpress\/porto\/documentation\/assets\/videos\/proto_templates_builder.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>After you create header, you need to set display condition where you want to display and select &#8220;Header Builder in Porto Templates builder&#8221; in Porto -&gt; Theme Options -&gt; Header -&gt; Header Type -&gt; Select Header to display it.<\/p>\n<h2 class=\"font-weight-bold mb-2\">Header Type Variations<\/h2>\n<p>When you choose a header type, porto loads resources for that header type only not other header types.<\/p>\n<p><b>Note<\/b>: We recommend to use header builder presets instead of header types.[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=&#8221;porto-header-types&#8221;][vc_column width=&#8221;5\/12&#8243;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;1174&#215;186&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_01.png&#8221; caption=&#8221;Header Type 1&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shop1\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;1181&#215;135&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_02.png&#8221; caption=&#8221;Header Type 2&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shop7\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;1161&#215;128&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_03.jpg&#8221; caption=&#8221;Header Type 3&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shop17\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;1174&#215;178&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_04.png&#8221; caption=&#8221;Header Type 4&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shop8\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;1170&#215;158&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;link_image&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_05.jpg&#8221; caption=&#8221;Header Type 5&#8243;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;1199&#215;103&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_06.jpg&#8221; caption=&#8221;Header Type 6&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shop11\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;1350&#215;100&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_07.jpg&#8221; caption=&#8221;Header Type 7&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shop6\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;800&#215;61&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_08.png&#8221; caption=&#8221;Header Type 8&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shop18\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;800&#215;118&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_09.png&#8221; caption=&#8221;Header Type 9&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shop9\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;800&#215;79&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_18.jpg&#8221; caption=&#8221;Header Type 18&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shop12\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;1200&#215;166&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_19.png&#8221; caption=&#8221;Header Type 19&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shop20\/&#8221;][\/vc_column][vc_column width=&#8221;5\/12&#8243;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;1186&#215;124&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_10.png&#8221; caption=&#8221;Header Type 10&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/classic-original\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;1158&#215;111&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_11.png&#8221; caption=&#8221;Header Type 11&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/app-landing\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;1170&#215;155&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_12.png&#8221; caption=&#8221;Header Type 12&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/construction\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;1170&#215;210&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_13.png&#8221; caption=&#8221;Header Type 13&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/wedding\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;1170&#215;212&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_14.png&#8221; caption=&#8221;Header Type 14&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/corporate3\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;1170&#215;139&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_15.png&#8221; caption=&#8221;Header Type 15&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/classic-one-page\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;1170&#215;125&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_16.png&#8221; caption=&#8221;Header Type 16&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/medical\/&#8221;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;1170&#215;173&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_17.png&#8221; caption=&#8221;Header Type 17&#8243; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/law-firm\/&#8221;][\/vc_column][vc_column width=&#8221;1\/6&#8243;][vc_single_image source=&#8221;external_link&#8221; external_img_size=&#8221;298&#215;974&#8243; external_style=&#8221;vc_box_outline&#8221; onclick=&#8221;custom_link&#8221; custom_src=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-content\/themes\/porto\/inc\/admin\/theme_options\/headers\/header_side_full.png&#8221; caption=&#8221;Header Type Side&#8221; link=&#8221;https:\/\/www.portotheme.com\/wordpress\/porto\/shop10\/&#8221;][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1532594858395{padding-top: 40px !important;}&#8221;][vc_column][vc_column_text el_class=&#8221;text-center&#8221;] Header Builder in Customizer Create the header of your website using the Drag &amp; Drop Header Builder. It\u2019s incredibly easy and fun to build and mantain your website header. Build any kind of header selecting existing elements or even adding shortcodes and HTML code. For more information about Porto Header [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-2123","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-json\/wp\/v2\/pages\/2123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-json\/wp\/v2\/comments?post=2123"}],"version-history":[{"count":4,"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-json\/wp\/v2\/pages\/2123\/revisions"}],"predecessor-version":[{"id":4589,"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-json\/wp\/v2\/pages\/2123\/revisions\/4589"}],"wp:attachment":[{"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shortcodes\/wp-json\/wp\/v2\/media?parent=2123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}