Header Styles

[vc_row][vc_column][vc_column_text]Total includes 6 unique header styles that can be selected within the WordPress Theme Customizer under Appearance > Customize > Header > General. Once you’ve selected a header you can further customize the various elements (custom logo, search, background, menu colors, borders, paddings, etc.) with the other options in the Header section.

[/vc_column_text][vcex_heading text= »Total Header Styles » tag= »h2″ css= ».vc_custom_1477004915531{padding-bottom: 20px !important;} »][vc_column_text]There are 6 Total Header styles to choose from, as well as the option for an overlay style that can be applied on a per-page basis.

[/vc_column_text][vc_single_image image= »4431″ title= »1. Header One: Left Logo, Right Content »][vc_single_image image= »4423″ title= »2. Header Two: Left Logo, Right “Aside” Content, Lower Navigation »][vc_single_image image= »4424″ title= »3. Header Three: Centered Logo, Lower Centered Navigation »][vc_single_image image= »4429″ title= »4. Header Four: Top Centered Navigation, Lower Centered Logo »][vc_single_image image= »4430″ title= »5. Header Five: Centered Navigation with Logo »][vc_single_image image= »4427″ title= »6. Header Six: Vertical Left Aligned Menu »][vc_single_image image= »4428″ title= »7. Overlay Header »][vc_column_text css= ».vc_custom_1477008661838{padding-top: 20px !important;} »]The Overlay Header style uses the Header Style 1 layout (left logo with right navigation) but set over the page featured image, featured slider or the first visual composer row on the page. You can choose from a light or dark style for your overlay as well as select a custom logo on a per-page basis.[/vc_column_text][vcex_button url= »http://wpexplorer-themes.com/total/docs/header-styles/ » title= »Header Style Documentation » target= »blank » size= »medium » css_wrap= ».vc_custom_1477008718256{margin-top: 20px !important;} » icon_right= »fa fa-angle-double-right »]Header Style Documentation[/vcex_button][vcex_spacing size= »40px »][vcex_heading text= »The Total Header Builder » tag= »h2″ css= ».vc_custom_1477004927184{padding-bottom: 20px !important;} »][vc_column_text]If you want to create something custom you also have the option to use the Total Header Builder. With this option you can use the Visual Composer to create a fully custom site header using any Visual Composer page elements you want.[/vc_column_text][vcex_button url= »http://wpexplorer-themes.com/total/docs/header-builder/ » title= »Total Header Builder » target= »blank » size= »medium » css_wrap= ».vc_custom_1477008727786{margin-top: 20px !important;} » icon_right= »fa fa-angle-double-right »]Learn More About The Header Builder[/vcex_button][/vc_column][/vc_row]