First header example

Nunc sed massa sit amet nunc hendrerit commodo ut et lectus.

[just_icon icon_type="selector" icon="dfd-icon-height" icon_img="" img_width="20" icon_size="20" icon_color="#ffffff" icon_style="circle" icon_color_bg="#303030" icon_color_border="#333333" icon_border_style="" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" icon_link="" icon_animation=""]
Set the header to display at the top or bottom of the page.
[just_icon icon_type="selector" icon="dfd-icon-decrease_indent" icon_img="" img_width="20" icon_size="20" icon_color="#ffffff" icon_style="circle" icon_color_bg="#303030" icon_color_border="#333333" icon_border_style="" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" icon_link="" icon_animation=""]
Select menu alignment – place it left, right or centered in the nab bar.
[just_icon icon_type="selector" icon="dfd-icon-right_indent" icon_img="" img_width="20" icon_size="20" icon_color="#ffffff" icon_style="circle" icon_color_bg="#303030" icon_color_border="#333333" icon_border_style="" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" icon_link="" icon_animation=""]
Set whether you need to display Side area icon in the header.
[just_icon icon_type="selector" icon="dfd-icon-browser" icon_img="" img_width="20" icon_size="20" icon_color="#ffffff" icon_style="circle" icon_color_bg="#303030" icon_color_border="#333333" icon_border_style="" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" icon_link="" icon_animation=""]
Type Top Address Panel text to display more info above header.
[just_icon icon_type="selector" icon="dfd-icon-palette" icon_img="" img_width="20" icon_size="20" icon_color="#ffffff" icon_style="circle" icon_color_bg="#303030" icon_color_border="#333333" icon_border_style="" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" icon_link="" icon_animation=""]
Set the color for the background and text of the Top Panel.

[just_icon icon_type="selector" icon="dfd-icon-browser_website" icon_img="" img_width="20" icon_size="20" icon_color="#ffffff" icon_style="circle" icon_color_bg="#303030" icon_color_border="#333333" icon_border_style="" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" icon_link="" icon_animation=""]
Pick the color for header background and set the color for menu.
[just_icon icon_type="selector" icon="dfd-icon-brouser_cursor" icon_img="" img_width="20" icon_size="20" icon_color="#ffffff" icon_style="circle" icon_color_bg="#303030" icon_color_border="#333333" icon_border_style="" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" icon_link="" icon_animation=""]
Regulate the header logo size and menu height to combine them nicely.
[just_icon icon_type="selector" icon="dfd-icon-wifi" icon_img="" img_width="20" icon_size="20" icon_color="#ffffff" icon_style="circle" icon_color_bg="#303030" icon_color_border="#333333" icon_border_style="" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" icon_link="" icon_animation=""]
Enable Wishlist button, social icons and select their hover style.
[just_icon icon_type="selector" icon="dfd-icon-browser_search" icon_img="" img_width="20" icon_size="20" icon_color="#ffffff" icon_style="circle" icon_color_bg="#303030" icon_color_border="#333333" icon_border_style="" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" icon_link="" icon_animation=""]
Activate or disable search button for convenient search on site.
[just_icon icon_type="selector" icon="dfd-icon-brouser_cursor" icon_img="" img_width="20" icon_size="20" icon_color="#ffffff" icon_style="circle" icon_color_bg="#303030" icon_color_border="#333333" icon_border_style="" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" icon_link="" icon_animation=""]
Activate and style fixed header that will be displayed while scrolling.

[just_icon icon_type="selector" icon="" icon_img="" img_width="48" icon_size="32" icon_color="#333333" icon_style="none" icon_color_bg="#ffffff" icon_color_border="#333333" icon_border_style="" icon_border_size="1" icon_border_radius="500" icon_border_spacing="50" icon_animation=""]

Standard top header

Nam a diam tincidunt, condimentum nisi et, fringilla lectus. Nullam nec lectus eu erat tempus pulvinar. Quisque mauris felis, porta et cursus vel, efficitur et velit.

Side navigation header

Nam a diam tincidunt, condimentum nisi et, fringilla lectus. Nullam nec lectus eu erat tempus pulvinar. Quisque mauris felis, porta et cursus vel, efficitur et velit.

On click navigation

Nam a diam tincidunt, condimentum nisi et, fringilla lectus. Nullam nec lectus eu erat tempus pulvinar. Quisque mauris felis, porta et cursus vel, efficitur et velit.

Style the Header

Style all the header variants in the corresponding section of theme options panel to make it fit your needs.

Whole site Header

You can select the header for the whole web site in the Layouts settings of theme options panel.

Certain page Header

Set specific header for every page from the edit page. It’ll override the header style selected in Layouts options.

Nam a diam tincidunt, condimentum nisi et, fringilla lectus. Nullam nec lectus eu erat tempus pulvinar. Quisque mauris felis, porta et cursus vel, efficitur et velit. Duis nisl metus, porta non dignissim quis, lobortis at neque. Ut eros odio, facilisis pulvinar leo vehicula, sagittis fermentum magna. Vestibulum fringilla sem ut libero varius, vel bibendum sem placerat.

Sarah Newman

Journalist

Jeremy Nixon

Blogger

Nicholas Jennings

Programmer

Innovative technologies.
Curabitur pulvinar, lacus in.
Curabitur pulvinar, lacus in hendrerit vehicula, nisi leo auctor quam, nec vulputate est velit id odio. In hac habitasse platea dictumst.
Reasonable source usage.
Curabitur pulvinar, lacus in.
Curabitur pulvinar, lacus in hendrerit vehicula, nisi leo auctor quam, nec vulputate est velit id odio. In hac habitasse platea dictumst.
Breath taking solutions.
Curabitur pulvinar, lacus.
Curabitur pulvinar, lacus in hendrerit vehicula, nisi leo auctor quam, nec vulputate est velit id odio. In hac habitasse platea dictumst.
Premium customer support.
Curabitur pulvinar, lacus in.
Curabitur pulvinar, lacus in hendrerit vehicula, nisi leo auctor quam, nec vulputate est velit id odio. In hac habitasse platea dictumst.

New design offers

customizing abilities

8 default customizable styles

headers overview

New design offers

OUR SERVICES

01

02

03

Our clients'

testimonials

NOTICIAS TAC