Sixth header example

[vc_row][vc_column][dfd_spacer screen_wide_spacer_size=”79″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”70″ screen_tablet_spacer_size=”60″ screen_mobile_spacer_size=”50″][/vc_column][vc_column width=”1/3″ dfd_column_responsive_enable=”dfd-column-responsive-enable” el_class=”dfd_col-tablet-12″ css=”.vc_custom_1474359155455{padding-right: 5% !important;}” offset=”vc_col-lg-4 vc_col-md-4 vc_col-xs-12″ responsive_styles=”padding_left_desktop:20|padding_left_tablet:20|padding_right_tablet:20|padding_left_mobile:20|padding_right_mobile:20″][dfd_heading subtitle=”” content_alignment=”text-left” module_animation=”transition.slideLeftBigIn” enable_delimiter=”” undefined=”” title_font_options=”tag:h2|color:%23d8d8d8″ subtitle_font_options=”tag:div”]06.[/dfd_heading][dfd_heading subtitle=”Simple header with all necessary elements and additional menu. This header style is set over the content.” content_alignment=”text-left” module_animation=”transition.slideLeftBigIn” enable_delimiter=”” title_font_options=”tag:h3|font_size:35|line_height:42|letter_spacing:-1.5″ subtitle_font_options=”tag:div|font_size:15|color:%234c4c4c|line_height:28″ subheading_margin=”margin-top:15″ undefined=”” title_responsive=”font_size_mobile:38|line_height_mobile:38″]Sixth Header style[/dfd_heading][dfd_spacer screen_wide_spacer_size=”20″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”20″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][dfd_button button_text=”Read documentation” alignment=”text-left” module_animation=”transition.slideLeftBigIn” select_icon=”dfd_icons” border=”border_style:dashed|border_width:1|border_radius:50|border_color:%23d3d3d3″ main_style=”style-3″ buttom_link_src=”url:%23|||” box_shadow=”box_shadow_enable:disable” hover_box_shadow=”box_shadow_enable:disable” padding_top=”17″ padding_bottom=”17″ ic_dfd_icons=”dfd-socicon-paper” text_color=”#2d2d2d” ic_color=”#232323″ background=”rgba(255,255,255,0.01)” hover_text_color=”#ffffff” hover_ic_color=”#333333″ hover_background=”#3498db”][dfd_spacer screen_wide_spacer_size=”60″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”40″ screen_tablet_spacer_size=”40″ screen_mobile_spacer_size=”40″][dfd_progressbar percent=”73″ title=”Usage frequency” height_progress_line=”36″ back_line_border=”border_style:none” main_layout=”layout-3″ font_options=”tag:div|font_size:13″ number_font_options=”tag:div” back_line_background=”rgba(255,255,255,0.01)” progress_background_color=”#6ac3ff” animate_progress=”anim_progress” undefined=””][dfd_progressbar percent=”78″ title=”Preset amount” height_progress_line=”36″ back_line_border=”border_style:none” main_layout=”layout-3″ font_options=”tag:div|font_size:13″ number_font_options=”tag:div” back_line_background=”rgba(255,255,255,0.01)” progress_background_color=”#49a9e9″ animate_progress=”anim_progress” undefined=””][dfd_progressbar percent=”87″ title=”Customizability” height_progress_line=”36″ back_line_border=”border_style:none” background_style=”gradient_background” main_layout=”layout-3″ font_options=”tag:div|font_size:13″ number_font_options=”tag:div” back_line_background=”rgba(255,255,255,0.01)” animate_progress=”anim_progress” progress_background_gradient=”gradient_style:left|gradient_css:background%3A%20url(data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojMzQ5OERCOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNFRTM2NTg7IiAvPjwvbGluZWFyR3JhZGllbnQ%2BPC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg%3D%3D)%3B%0Abackground%3A%20-webkit-gradient(linear%2C%20left%20top%2C%20left%20bottom%2C%20color-stop(0%25%2C%20%233498DB)%2C%20color-stop(100%25%2C%20%23EE3658))%3B%0Abackground%3A%20-moz-linear-gradient(left%2C%233498DB%200%25%2C%23EE3658%20100%25)%3B%0Abackground%3A%20-webkit-linear-gradient(left%2C%233498DB%200%25%2C%23EE3658%20100%25)%3B%0Abackground%3A%20-o-linear-gradient(left%2C%233498DB%200%25%2C%23EE3658%20100%25)%3B%0Abackground%3A%20-ms-linear-gradient(left%2C%233498DB%200%25%2C%23EE3658%20100%25)%3B%0Abackground%3A%20linear-gradient(left%2C%233498DB%200%25%2C%23EE3658%20100%25)%3B|gradient_value:0%25%20%233498DB%2C100%25%20%23EE3658″ undefined=””][dfd_spacer screen_wide_spacer_size=”0″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”0″ screen_tablet_spacer_size=”60″ screen_mobile_spacer_size=”60″][/vc_column][vc_column width=”2/3″ dfd_column_responsive_enable=”dfd-column-responsive-enable” el_class=”dfd_col-tablet-12″ css=”.vc_custom_1474360163502{border-left-width: 1px !important;padding-left: 5% !important;border-left-color: #e2e2e2 !important;border-left-style: dashed !important;}” responsive_styles=”padding_right_desktop:20|border_left_tablet:0|padding_left_tablet:20|padding_right_tablet:20|border_left_mobile:0|padding_left_mobile:20|padding_right_mobile:20″ offset=”vc_col-lg-8 vc_col-md-8 vc_col-xs-12″][dfd_single_image image_type=”external_link” image_alignment=”image-left” module_animation=”transition.slideRightBigIn” external_link_url=”https://nativewptheme.net/home-demo/wp-content/themes/dfd_native/assets/img/headers/header-6.png” tutorials=””][dfd_spacer screen_wide_spacer_size=”35″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”20″ screen_tablet_spacer_size=”20″ screen_mobile_spacer_size=”20″][dfd_heading style=”style_09″ subtitle=”” content_alignment=”text-left” module_animation=”transition.slideRightBigIn” enable_delimiter=”” title_font_options=”tag:h3|font_size:21″ subtitle_font_options=”tag:h6″ undefined=””]Available options and features[/dfd_heading][dfd_spacer screen_wide_spacer_size=”15″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”15″ screen_tablet_spacer_size=”14″ screen_mobile_spacer_size=”15″][vc_column_text item_animation=”transition.slideRightBigIn” css_animation=”right-to-left”]Header animation – Allows you to enable or disable the header animation on scroll;

Header top panel – You can enable or disable the header top panel where the address information, login and social icons can be set;

Login form – Displays the login form in the top panel;

Social icons – Enable or disable the social icons in the top panel, the social icons can be added in Social accounts section in theme options;

Top panel color settings – Choose the background and text color for the header top panel;

Main section content elements – Specify the content elements you’d like to show in your header;

Main section color settings – Choose the background and text color for the header;

Custom logos – Upload the images for the header logos;

Banner – Allows you to add the banner with the custom link which will be set above the header.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][dfd_spacer screen_wide_spacer_size=”79″ screen_normal_resolution=”1280″ screen_tablet_resolution=”1024″ screen_mobile_resolution=”800″ screen_wide_resolution=”1280″ screen_normal_spacer_size=”70″ screen_tablet_spacer_size=”60″ screen_mobile_spacer_size=”50″][/vc_column][/vc_row]