Flexible and easy to use
Header Builders
Customizing your
website's header and footer can become a difficult task,
we know how important these
items are for your website's success.
Porto Header Builder
You can build a header with header builder and use it in any pages. Porto provides header builder function compared to other themes that only provide header presets.
![header-builder](png/header-1.png)
Full Library of Prebuilt Headers
A collection of pixel-perfect templates that are proven their quality and serviceability through lots of tests and can be imported only by one-click.
![header-builder](jpg/header-2.jpg)
Header Templates Overview
Get the best pre-made templates from our Library. Every template has high and guaranteed quality. You could fully customize Porto Templates.
8+
Perfect
Templates for
One-Click Import
Porto Provides 4 Smart Grid Layouts
Porto provides 4 other grid layouts except the page builders' default grid layout so that you can build perfect header. Please try to use our smart grid layout.
![header-layout](png/grid-layout-1.png)
Auto + Full Layout
In this layout, left side has flex-auto style and right
side has flex-1 style.
![header-layout](png/grid-layout-2.png)
Full + Full Layout
In this layout, left side has flex-auto style and right
side has flex-auto style.
![header-layout](png/grid-layout-3.png)
Full + Auto Layout
In this layout, left side has flex-1 style and right
side has flex-auto style.
![header-layout](png/grid-layout-4.png)
Full + Auto + Full Layout
In this layout, left side and right side have flex-1 style
and center has
flex-auto style.
Global Style Options
We support various style options for header. Customers could customize the header global styles in theme options and also in the page builder. Please enjoy our perfect header builder!
01.
Theme Options
Customer could set the header global style options in header panel of theme options when creating your site.
please enjoy when creating your site.
![header-option](png/header-4.png)
![header-option](png/header-5.png)
02.
Wrapper Options
And you can also customize the header global style options in page builder. In the section or column, you can customize the color, typography and so on.
please enjoy our perfect header builder.