Headers

[fusion_builder_container hundred_percent= »yes » overflow= »visible » margin_top= »1px » margin_bottom= »1px »][fusion_builder_row][fusion_builder_column type= »1_1″ background_position= »left top » background_color= » » border_size= » » border_color= » » border_style= »solid » spacing= »yes » background_image= » » background_repeat= »no-repeat » padding= » » margin_top= »0px » margin_bottom= »0px » class= » » id= » » animation_type= » » animation_speed= »0.3″ animation_direction= »left » hide_on_mobile= »no » center_content= »no » min_height= »none »][fusion_separator style_type= »single solid » sep_color= » » border_size= » » icon= » » icon_circle= » » icon_circle_color= » » width= » » alignment= » » class= » » id= » »][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container background_color= » » background_image= » » background_parallax= »none » enable_mobile= »no » parallax_speed= »0.3″ background_repeat= »no-repeat » background_position= »left top » video_url= » » video_aspect_ratio= »16:9″ video_webm= » » video_mp4= » » video_ogv= » » video_preview_image= » » overlay_color= » » overlay_opacity= »0.5″ video_mute= »yes » video_loop= »yes » fade= »no » border_size= »0px » border_color= » » border_style= »solid » padding_top= »30px » padding_bottom= »30px » padding_left= »20px » padding_right= »20px » hundred_percent= »no » equal_height_columns= »no » hide_on_mobile= »no » menu_anchor= » » class= » » id= » »][fusion_builder_row][fusion_builder_column type= »1_1″ background_position= »left top » background_color= » » border_size= » » border_color= » » border_style= »solid » spacing= »yes » background_image= » » background_repeat= »no-repeat » padding= » » margin_top= »0px » margin_bottom= »0px » class= » » id= » » animation_type= » » animation_speed= »0.3″ animation_direction= »left » hide_on_mobile= »no » center_content= »no » min_height= »none »][fusion_text]

Where Are The Live Demo Header Pages?

Avada allows you to choose between 5 different header styles, each can be customized to your liking. However, currently you can only choose one per site in theme options. Our demo has to show each of the 5 samples to viewers, so we had to setup static pages for that purpose.

[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent= »yes » overflow= »visible » margin_top= »0px » margin_bottom= »0px »][fusion_builder_row][fusion_builder_column type= »1_1″ background_position= »left top » background_color= » » border_size= » » border_color= » » border_style= »solid » spacing= »yes » background_image= » » background_repeat= »no-repeat » padding= » » margin_top= »0px » margin_bottom= »0px » class= » » id= » » animation_type= » » animation_speed= »0.3″ animation_direction= »left » hide_on_mobile= »no » center_content= »no » min_height= »none »][fusion_separator style_type= »single solid » sep_color= »#cccccc » border_size= » » icon= »fa-chevron-down » icon_circle= » » icon_circle_color= » » width= » » alignment= » » class= » » id= » »/][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container background_color= » » background_image= »https://kamalbeatmaker.com/wp-content/uploads/2014/06/bkgd_bw2.jpg » background_parallax= »none » enable_mobile= »no » parallax_speed= »0.3″ background_repeat= »no-repeat » background_position= »left top » video_url= » » video_aspect_ratio= »16:9″ video_webm= » » video_mp4= » » video_ogv= » » video_preview_image= » » overlay_color= » » overlay_opacity= »0.5″ video_mute= »yes » video_loop= »yes » fade= »no » border_size= »0px » border_color= » » border_style= »solid » padding_top= »50px » padding_bottom= »30px » padding_left= »20px » padding_right= »20px » hundred_percent= »no » equal_height_columns= »no » hide_on_mobile= »no » menu_anchor= » » class= » » id= » »][fusion_builder_row][fusion_builder_column type= »1_2″ last= »no » spacing= »yes » center_content= »no » hide_on_mobile= »no » background_color= » » background_image= » » background_repeat= »no-repeat » background_position= »left top » border_position= »all » border_size= »0px » border_color= » » border_style= » » padding= » » margin_top= » » margin_bottom= » » animation_type= » » animation_direction= » » animation_speed= »0.1″ class= » » id= » »][fusion_title size= »2″ content_align= »left » style_type= »single solid » sep_color= »#c9c9c9″ margin_top= » » margin_bottom= » » class= » » id= » »]How Do I Change To The Different headers?[/fusion_title][fusion_text]You can change the header selection very easily!  Each header has various options as well. Follow the steps below to change out the template.[/fusion_text][fusion_separator style_type= »none » top_margin= »12″ bottom_margin= »12″ sep_color= » » border_size= » » icon= » » icon_circle= » » icon_circle_color= » » width= » » alignment= » » class= » » id= » »/][fusion_checklist icon= »fa-chevron-right » iconcolor= » » circle= »yes » circlecolor= » » size= »small » class= » » id= » »][fusion_li_item icon= » »]Navigate to the Theme Options Panel in your WordPress admin.[/fusion_li_item][fusion_li_item icon= » »]Click the Header tab on the right hand side to view the various options.[/fusion_li_item][fusion_li_item icon= » »]Select the header design of your choice and any of the other optins you wish to use. Click Save Changes when complete.[/fusion_li_item][/fusion_checklist][fusion_separator style_type= »none » top_margin= »12″ bottom_margin= »12″ sep_color= » » border_size= » » icon= » » icon_circle= » » icon_circle_color= » » width= » » alignment= » » class= » » id= » »/][fusion_button link= »https://avada.theme-fusion.com/support/documentation/avada-documentation/#page-item-80344″ color= »default » size= » » stretch= »default » type= » » shape= » » target= »_blank » title= » » gradient_colors= »| » gradient_hover_colors= »| » accent_color= » » accent_hover_color= » » bevel_color= » » border_width= »0px » icon= » » icon_position= »left » icon_divider= »yes » modal= » » animation_type= »0″ animation_direction= »down » animation_speed= »0.1″ alignment= » » class= » » id= » »]View More Information In Our Documentation[/fusion_button][/fusion_builder_column][fusion_builder_column type= »1_2″ last= »yes » spacing= »yes » center_content= »no » hide_on_mobile= »no » background_color= » » background_image= » » background_repeat= »no-repeat » background_position= »left top » border_position= »all » border_size= »0px » border_color= » » border_style= » » padding= » » margin_top= » » margin_bottom= » » animation_type= » » animation_direction= » » animation_speed= »0.1″ class= » » id= » »][fusion_imageframe lightbox= »no » lightbox_image= » » style_type= »none » hover_type= »none » bordercolor= »rgba(000,000,000,.04) » bordersize= »10px » borderradius= »0″ stylecolor= »#636363″ align= »left » link= » » linktarget= »_self » animation_type= »0″ animation_direction= »down » animation_speed= »0.5″ hide_on_mobile= »no » class= » » id= » »] [/fusion_imageframe][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent= »yes » overflow= »visible » margin_top= »0px » margin_bottom= »0px »][fusion_builder_row][fusion_builder_column type= »1_1″ background_position= »left top » background_color= » » border_size= » » border_color= » » border_style= »solid » spacing= »yes » background_image= » » background_repeat= »no-repeat » padding= » » margin_top= »0px » margin_bottom= »0px » class= » » id= » » animation_type= » » animation_speed= »0.3″ animation_direction= »left » hide_on_mobile= »no » center_content= »no » min_height= »none »][fusion_separator style_type= »single solid » sep_color= » » border_size= » » icon= »fa-chevron-down » icon_circle= » » icon_circle_color= » » width= » » alignment= » » class= » » id= » »/][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container background_color= » » background_image= » » background_parallax= »none » enable_mobile= »no » parallax_speed= »0.3″ background_repeat= »no-repeat » background_position= »left top » video_url= » » video_aspect_ratio= »16:9″ video_webm= » » video_mp4= » » video_ogv= » » video_preview_image= » » overlay_color= » » overlay_opacity= »0.5″ video_mute= »yes » video_loop= »yes » fade= »no » border_size= »0px » border_color= » » border_style= »solid » padding_top= »60px » padding_bottom= »20px » padding_left= »20px » padding_right= »20px » hundred_percent= »no » equal_height_columns= »no » hide_on_mobile= »no » menu_anchor= » » class= » » id= » »][fusion_builder_row][fusion_builder_column type= »1_1″ background_position= »left top » background_color= » » border_size= » » border_color= » » border_style= »solid » spacing= »yes » background_image= » » background_repeat= »no-repeat » padding= » » margin_top= »0px » margin_bottom= »0px » class= » » id= » » animation_type= » » animation_speed= »0.3″ animation_direction= »left » hide_on_mobile= »no » center_content= »no » min_height= »none »][fusion_flip_boxes columns= »3″ class= » » id= » »][fusion_flip_box title_front= »Need Theme Support? » title_back= »Create Your Account Today » text_front= »To get hands on support, create a new account at our support center with your Themeforest purchase code. » background_color_front= » » title_front_color= » » text_front_color= » » background_color_back= » » title_back_color= » » text_back_color= » » border_size= »0″ border_color= »0″ border_radius= »0″ icon= »fa-life-ring » icon_color= » » circle= »yes » circle_color= » » circle_border_color= » » icon_rotate= » » icon_spin= » » image= » » image_width= »35″ image_height= »35″ animation_type= »0″ animation_direction= »down » animation_speed= »1″]Our support forum allows you to interact with our developers and ask the important questions that you need answers too. [fusion_button link= »https://avada.theme-fusion.com/support/documentation/avada-documentation/#page-item-80311″ color= »custom » size= » » type= » » shape= » » target= »_blank » title= » » gradient_colors= »#96c346|#96c346″ gradient_hover_colors= »#85c11d|#85c11d » accent_color= »#ffffff » accent_hover_color= »#ffffff » bevel_color= » » border_width= »0px » shadow= »no » icon= » » icon_divider= »yes » icon_position= »left » modal= » » animation_type= »0″ animation_direction= »down » animation_speed= »0.1″ class= » » id= » »]Sign Up Today![/fusion_button][/fusion_flip_box][fusion_flip_box title_front= »Documentation & Knowledgebase » title_back= »All The Information You Need » text_front= »Our documentation is online and contains valuable information for you to quickly find what you need. » background_color_front= » » title_front_color= » » text_front_color= » » background_color_back= » » title_back_color= » » text_back_color= » » border_size= »0″ border_color= »0″ border_radius= »0″ icon= »fa-file-text-o » icon_color= » » circle= »yes » circle_color= » » circle_border_color= » » icon_rotate= » » icon_spin= » » image= » » image_width= »35″ image_height= »35″ animation_type= »0″ animation_direction= »down » animation_speed= »1″]Search for keywords in our documentation and knowledgebase to quickly find answers to your questions. [fusion_button link= »https://avada.theme-fusion.com/support/documentation/avada-documentation » color= »custom » size= » » type= » » shape= » » target= »_blank » title= » » gradient_colors= »#96c346|#96c346″ gradient_hover_colors= »#85c11d|#85c11d » accent_color= »#ffffff » accent_hover_color= »#ffffff » bevel_color= » » border_width= »0px » shadow= »no » icon= » » icon_divider= »yes » icon_position= »left » modal= » » animation_type= »0″ animation_direction= »down » animation_speed= »0.1″ class= » » id= » »]View our Documentation[/fusion_button][/fusion_flip_box][fusion_flip_box title_front= »View our Video Tutorials » title_back= »Video Tutorials In HD With Narration » text_front= »Video tutorials make it easy and many can learn much faster by watching them, check them out! » background_color_front= » » title_front_color= » » text_front_color= » » background_color_back= » » title_back_color= » » text_back_color= » » border_size= »0″ border_color= »0″ border_radius= »0″ icon= »fa-film » icon_color= » » circle= »yes » circle_color= » » circle_border_color= » » icon_rotate= » » icon_spin= » » image= » » image_width= »35″ image_height= »35″ animation_type= »0″ animation_direction= »down » animation_speed= »1″]Each video tutorial is in high definition with video narration to help you understand what is being viewed. Watch and learn! [fusion_button link= »https://avada.theme-fusion.com/support/video-tutorials/avada-videos/ » color= »custom » size= » » type= » » shape= » » target= »_blank » title= » » gradient_colors= »#96c346|#96c346″ gradient_hover_colors= »#85c11d|#85c11d » accent_color= »#ffffff » accent_hover_color= »#ffffff » bevel_color= » » border_width= »0px » shadow= »no » icon= » » icon_divider= »yes » icon_position= »left » modal= » » animation_type= »0″ animation_direction= »down » animation_speed= »0.1″ class= » » id= » »]Watch Video Tutorials[/fusion_button][/fusion_flip_box][/fusion_flip_boxes][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]