{"id":1565,"date":"2018-07-26T08:42:53","date_gmt":"2018-07-26T08:42:53","guid":{"rendered":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop1-dark\/?page_id=1565"},"modified":"2025-06-10T05:48:03","modified_gmt":"2025-06-10T05:48:03","slug":"header-types","status":"publish","type":"page","link":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop1-dark\/header-types\/","title":{"rendered":"Header Builder &#038; Types"},"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 css=&#8221;&#8221; el_class=&#8221;text-center&#8221; css_params=&#8221;&#8221;]<\/p>\n<h2 class=\"text-uppercase font-weight-semibold mb-2\">Header Builder<\/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<p class=\"mb-5 text-start font-weight-semibold text-white\">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>.<\/p>\n<h3 class=\"text-uppercase font-weight-semibold mb-2\" style=\"font-size:1rem;\">Header Builder Presets<\/h3>\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;540&#215;72&#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;540&#215;72&#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;540&#215;48&#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;540&#215;48&#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;540&#215;71&#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;540&#215;71&#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;540&#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\/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;540&#215;39&#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;150&#215;346&#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;150&#215;346&#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;150&#215;346&#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=\"text-uppercase font-weight-semibold 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-dark\/&#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\/shop1-dark7\/&#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\/shop1-dark1\/&#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\/shop1-dark8\/&#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\/shop1-dark2\/&#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\/shop1-dark0\/&#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 css=&#8221;&#8221; el_class=&#8221;text-center&#8221; css_params=&#8221;&#8221;] Header Builder 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-1565","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop1-dark\/wp-json\/wp\/v2\/pages\/1565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop1-dark\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop1-dark\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop1-dark\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop1-dark\/wp-json\/wp\/v2\/comments?post=1565"}],"version-history":[{"count":3,"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop1-dark\/wp-json\/wp\/v2\/pages\/1565\/revisions"}],"predecessor-version":[{"id":2515,"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop1-dark\/wp-json\/wp\/v2\/pages\/1565\/revisions\/2515"}],"wp:attachment":[{"href":"https:\/\/www.portotheme.com\/wordpress\/porto\/shop1-dark\/wp-json\/wp\/v2\/media?parent=1565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}