Header Builder & Types
[vc_row css=”.vc_custom_1532594858395{padding-top: 40px !important;}”][vc_column][vc_column_text el_class=”text-center”]
Header Builder
Create the header of your website using the Drag & Drop Header Builder. It’s 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 Builder, please see the documentation.
Header Builder Presets
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=”porto-header-types”][vc_column width=”1/2″][vc_single_image source=”external_link” external_img_size=”540×72″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/header_builder_presets/header_preset1.jpg” caption=”Header Preset 1″ link=”https://www.portotheme.com/wordpress/porto/classic-color/”][vc_single_image source=”external_link” external_img_size=”540×72″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/header_builder_presets/header_preset2.jpg” caption=”Header Preset 2″ link=”https://www.portotheme.com/wordpress/porto/classic-light/”][vc_single_image source=”external_link” external_img_size=”540×48″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/header_builder_presets/header_preset3.jpg” caption=”Header Preset 3″ link=”https://www.portotheme.com/wordpress/porto/corporate6/”][vc_single_image source=”external_link” external_img_size=”540×48″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/header_builder_presets/header_preset4.jpg” caption=”Header Preset 4″ link=”https://www.portotheme.com/wordpress/porto/corporate1/”][vc_single_image source=”external_link” external_img_size=”540×71″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/header_builder_presets/header_preset5.jpg” caption=”Header Preset 5″ link=”https://www.portotheme.com/wordpress/porto/corporate2/”][vc_single_image source=”external_link” external_img_size=”540×71″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/header_builder_presets/header_preset6.jpg” caption=”Header Preset 6″ link=”https://www.portotheme.com/wordpress/porto/corporate5/”][/vc_column][vc_column width=”1/2″][vc_single_image source=”external_link” external_img_size=”540×103″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/header_builder_presets/header_preset7.jpg” caption=”Header Preset 7″ link=”https://www.portotheme.com/wordpress/porto/corporate8/”][vc_single_image source=”external_link” external_img_size=”540×39″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/header_builder_presets/header_preset8.jpg” caption=”Header Preset 8″ link=”https://www.portotheme.com/wordpress/porto/corporate9/”][vc_row_inner][vc_column_inner width=”1/3″][vc_single_image source=”external_link” external_img_size=”150×346″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/header_builder_presets/header_preset_side1.jpg” caption=”Side header Preset 1″ link=”https://www.portotheme.com/wordpress/porto/corporate11/”][/vc_column_inner][vc_column_inner width=”1/3″][vc_single_image source=”external_link” external_img_size=”150×346″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/header_builder_presets/header_preset_side2.png” caption=”Side header Preset 2″ link=”https://www.portotheme.com/wordpress/porto/corporate12/”][/vc_column_inner][vc_column_inner width=”1/3″][vc_single_image source=”external_link” external_img_size=”150×346″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/header_builder_presets/header_preset_side3.png” caption=”Side header Preset 3″ link=”https://www.portotheme.com/wordpress/porto/corporate13/”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=”.vc_custom_1532594858395{padding-top: 40px !important;}”][vc_column][vc_column_text el_class=”text-center”]
Header Type Variations
When you choose a header type, porto loads resources for that header type only not other header types.
Note: We recommend to use header builder presets instead of header types.[/vc_column_text][/vc_column][/vc_row][vc_row el_class=”porto-header-types”][vc_column width=”5/12″][vc_single_image source=”external_link” external_img_size=”1174×186″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_01.png” caption=”Header Type 1″ link=”https://www.portotheme.com/wordpress/porto/shop1-dark/”][vc_single_image source=”external_link” external_img_size=”1181×135″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_02.png” caption=”Header Type 2″ link=”https://www.portotheme.com/wordpress/porto/shop7/”][vc_single_image source=”external_link” external_img_size=”1161×128″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_03.jpg” caption=”Header Type 3″ link=”https://www.portotheme.com/wordpress/porto/shop1-dark7/”][vc_single_image source=”external_link” external_img_size=”1174×178″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_04.png” caption=”Header Type 4″ link=”https://www.portotheme.com/wordpress/porto/shop8/”][vc_single_image source=”external_link” external_img_size=”1170×158″ external_style=”vc_box_outline” onclick=”link_image” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_05.jpg” caption=”Header Type 5″][vc_single_image source=”external_link” external_img_size=”1199×103″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_06.jpg” caption=”Header Type 6″ link=”https://www.portotheme.com/wordpress/porto/shop1-dark1/”][vc_single_image source=”external_link” external_img_size=”1350×100″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_07.jpg” caption=”Header Type 7″ link=”https://www.portotheme.com/wordpress/porto/shop6/”][vc_single_image source=”external_link” external_img_size=”800×61″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_08.png” caption=”Header Type 8″ link=”https://www.portotheme.com/wordpress/porto/shop1-dark8/”][vc_single_image source=”external_link” external_img_size=”800×118″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_09.png” caption=”Header Type 9″ link=”https://www.portotheme.com/wordpress/porto/shop9/”][vc_single_image source=”external_link” external_img_size=”800×79″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_18.jpg” caption=”Header Type 18″ link=”https://www.portotheme.com/wordpress/porto/shop1-dark2/”][vc_single_image source=”external_link” external_img_size=”1200×166″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_19.png” caption=”Header Type 19″ link=”https://www.portotheme.com/wordpress/porto/shop20/”][/vc_column][vc_column width=”5/12″][vc_single_image source=”external_link” external_img_size=”1186×124″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_10.png” caption=”Header Type 10″ link=”https://www.portotheme.com/wordpress/porto/classic-original/”][vc_single_image source=”external_link” external_img_size=”1158×111″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_11.png” caption=”Header Type 11″ link=”https://www.portotheme.com/wordpress/porto/app-landing/”][vc_single_image source=”external_link” external_img_size=”1170×155″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_12.png” caption=”Header Type 12″ link=”https://www.portotheme.com/wordpress/porto/construction/”][vc_single_image source=”external_link” external_img_size=”1170×210″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_13.png” caption=”Header Type 13″ link=”https://www.portotheme.com/wordpress/porto/wedding/”][vc_single_image source=”external_link” external_img_size=”1170×212″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_14.png” caption=”Header Type 14″ link=”https://www.portotheme.com/wordpress/porto/corporate3/”][vc_single_image source=”external_link” external_img_size=”1170×139″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_15.png” caption=”Header Type 15″ link=”https://www.portotheme.com/wordpress/porto/classic-one-page/”][vc_single_image source=”external_link” external_img_size=”1170×125″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_16.png” caption=”Header Type 16″ link=”https://www.portotheme.com/wordpress/porto/medical/”][vc_single_image source=”external_link” external_img_size=”1170×173″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_17.png” caption=”Header Type 17″ link=”https://www.portotheme.com/wordpress/porto/law-firm/”][/vc_column][vc_column width=”1/6″][vc_single_image source=”external_link” external_img_size=”298×974″ external_style=”vc_box_outline” onclick=”custom_link” custom_src=”//sw-themes.com/porto_dummy/wp-content/themes/porto/inc/admin/theme_options/headers/header_side_full.png” caption=”Header Type Side” link=”https://www.portotheme.com/wordpress/porto/shop1-dark0/”][/vc_column][/vc_row]
