[vc_row center_row=”yes” css=”.vc_custom_1460962081372{padding-bottom: 60px !important;}”][vc_column][zozo_vc_section_title text_align="left" title="Header" title_transform="capitalize"]The header of a website is one of its most valuable areas. Layer contains different header options, header types and menus. There are many different elements in header options and many ways to customize it. Below list shows the different section in the header.[/zozo_vc_section_title][vc_row_inner][vc_column_inner][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_separator css=”.vc_custom_1448347815938{padding-top: 20px !important;}”][/vc_column][/vc_row][vc_row center_row=”yes” css=”.vc_custom_1452339387816{padding-top: 0px !important;padding-bottom: 60px !important;}” el_id=”section-header-options-setup”][vc_column][zozo_vc_section_title text_align="left" title="Header Options & Setup" title_transform="capitalize"]Layer currently offers 10 different Header Types, each with its own unique design and set of options. There are several options to customize the header, as well as the content within it. Follow the steps to setup the header and its options.[/zozo_vc_section_title][vc_row_inner][vc_column_inner][vc_column_text]
[/vc_column_text][vc_separator][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_single_image image=”2489″ img_size=”full” title=”Header Simple”][vc_single_image image=”2487″ img_size=”full” title=”Header Right”][vc_single_image image=”2485″ img_size=”full” title=”Header Center”][vc_single_image image=”2486″ img_size=”full” title=”Header Center2″][vc_single_image image=”2502″ img_size=”full” title=”Header Center3″][vc_single_image image=”2491″ img_size=”full” title=”Header Fullwidth”][vc_single_image image=”2484″ img_size=”full” title=”Header Boxed”][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_separator css=”.vc_custom_1448521885432{padding-top: 20px !important;}”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_single_image image=”2391″ img_size=”full” onclick=”link_image” title=”Header”][/vc_column_inner][vc_column_inner width=”1/3″][vc_single_image image=”2392″ img_size=”full” onclick=”link_image” title=”Header Top Bar”][/vc_column_inner][vc_column_inner width=”1/3″][vc_single_image image=”2393″ img_size=”full” title=”Sliding Bar”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_single_image image=”2394″ img_size=”full” onclick=”link_image” title=”Styling”][/vc_column_inner][vc_column_inner width=”1/3″][vc_single_image image=”2397″ img_size=”full” onclick=”link_image” title=”Main Menu”][/vc_column_inner][vc_column_inner width=”1/3″][vc_single_image image=”2398″ img_size=”full” onclick=”link_image” title=”Secondary Menu”][/vc_column_inner][/vc_row_inner][vc_separator css=”.vc_custom_1461410539520{padding-top: 30px !important;padding-bottom: 10px !important;}”][/vc_column][/vc_row][vc_row center_row=”yes” css=”.vc_custom_1452334644462{padding-top: 0px !important;padding-bottom: 60px !important;}” el_id=”section-adding-logo-favicon”][vc_column][zozo_vc_section_title text_align="left" title="Adding Logo & Favicon" title_transform="capitalize"]For adding logo to your site, you need to upload your logo as an image file. Once you upload a logo, it will be used in every location. Layer allows you to upload a unique logo for 2 different areas; default logo and sticky header logo. Read the below information to upload a logo as well as information on favicons.[/zozo_vc_section_title][vc_row_inner][vc_column_inner width=”1/2″][vc_column_text]
[/vc_column_text][vc_separator][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_single_image image=”2540″ img_size=”full” onclick=”link_image”][/vc_column_inner][/vc_row_inner][vc_separator css=”.vc_custom_1461410869069{padding-top: 30px !important;padding-bottom: 10px !important;}”][vc_row_inner][vc_column_inner width=”1/2″][vc_column_text]
[/vc_column_text][vc_separator][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_single_image image=”2541″ img_size=”full” onclick=”link_image”][/vc_column_inner][/vc_row_inner][vc_separator css=”.vc_custom_1461410937328{padding-top: 30px !important;padding-bottom: 10px !important;}”][/vc_column][/vc_row][vc_row center_row=”yes” css=”.vc_custom_1452333155834{padding-top: 0px !important;padding-bottom: 60px !important;}” el_id=”section-setting-up-menu”][vc_column][zozo_vc_section_title text_align="left" title="Setting Up The Menu" title_transform="capitalize"]For the main menu settings, Layer supports custom WordPress menus, with multiple levels of dropdown. You can assign a menu in 4 areas Primary Menu, Primary Right Menu, Top Menu, Footer Menu. These menu locations can have a custom menu assigned. Once a menu is created and assigned to the location, it will show up on the site.[/zozo_vc_section_title][vc_row_inner][vc_column_inner width=”1/2″][vc_column_text]
[/vc_column_text][vc_separator][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_single_image image=”2543″ img_size=”full” onclick=”link_image”][/vc_column_inner][/vc_row_inner][vc_separator css=”.vc_custom_1461411584109{padding-top: 30px !important;padding-bottom: 10px !important;}”][vc_row_inner][vc_column_inner width=”1/2″][vc_column_text]
[/vc_column_text][vc_separator][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_single_image image=”2402″ img_size=”full” onclick=”link_image”][/vc_column_inner][/vc_row_inner][vc_separator css=”.vc_custom_1448348059400{padding-top: 20px !important;}”][vc_single_image image=”2401″ img_size=”full”][vc_separator css=”.vc_custom_1448348059400{padding-top: 20px !important;}”][/vc_column][/vc_row][vc_row center_row=”yes” css=”.vc_custom_1479903704358{padding-top: 0px !important;padding-bottom: 60px !important;}” el_id=”section-onepage”][vc_column][zozo_vc_section_title text_align="left" title="Setup One Page Menu" title_transform="capitalize"]Layer used one page menu for all demos, Please follow the steps that how to set up one page menu.[/zozo_vc_section_title][vc_row_inner][vc_column_inner width=”1/2″][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_single_image image=”2554″ img_size=”full” onclick=”link_image”][vc_single_image image=”2555″ img_size=”full” onclick=”link_image”][/vc_column_inner][/vc_row_inner][vc_separator css=”.vc_custom_1448348059400{padding-top: 20px !important;}”][/vc_column][/vc_row][vc_row center_row=”yes” css=”.vc_custom_1452333228678{padding-top: 0px !important;padding-bottom: 60px !important;}” el_id=”section-mega-menu”][vc_column][zozo_vc_section_title text_align="left" title="Mega Menu" title_transform="capitalize"]Layer has a mega menu that can be enabled under the main menu. You can set 1-4 columns and having custom column width settings. You can set icons/images next to menu items and more. Please follow the steps that how to set the mega menu.[/zozo_vc_section_title][vc_row_inner][vc_column_inner width=”1/2″][vc_column_text]
[/vc_column_text][vc_separator][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_single_image image=”2403″ img_size=”full” onclick=”link_image”][/vc_column_inner][/vc_row_inner][vc_separator css=”.vc_custom_1448348059400{padding-top: 20px !important;}”][/vc_column][/vc_row][vc_row center_row=”yes” css=”.vc_custom_1452333283635{padding-top: 0px !important;padding-bottom: 60px !important;}” el_id=”section-page-title-bar”][vc_column][zozo_vc_section_title text_align="left" title="Page Title Bar" title_transform="capitalize"]The Page Title Bar is comes under the menu/header and contains the page title text, breadcrumbs or search box. Layer has various options to customize the page title bar. Read the below steps to setup page title bar.[/zozo_vc_section_title][vc_row_inner][vc_column_inner width=”1/2″][vc_column_text]
[/vc_column_text][vc_separator][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/2″][vc_single_image image=”300″ img_size=”full” onclick=”link_image”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]