Headers Overview

Header Builder in Customizer

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.

external
Header Preset 1
external
Header Preset 2
external
Header Preset 3
external
Header Preset 4
external
Header Preset 5
external
Header Preset 6
external
Header Preset 7
external
Header Preset 8
external
Side header Preset 1
external
Side header Preset 2
external
Side header Preset 3

Header Builder using Page Builders

In Porto 6.0, templates builder 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.

 

After you create header, you need to set display condition where you want to display and select “Header Builder in Porto Templates builder” in Porto -> Theme Options -> Header -> Header Type -> Select Header to display it.

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.

external
Header Type 1
external
Header Type 2
external
Header Type 3
external
Header Type 4
external
Header Type 5
external
Header Type 6
external
Header Type 7
external
Header Type 8
external
Header Type 9
external
Header Type 18
external
Header Type 19
external
Header Type 10
external
Header Type 11
external
Header Type 12
external
Header Type 13
external
Header Type 14
external
Header Type 15
external
Header Type 16
external
Header Type 17
external
Header Type Side