Header Builder
CiyaShop comes with six predefined header styles with different settings and options, by using them in combination, you can make a beautiful header.
In the process of our product improvement, we built a header-builder in theme. Header builder is an intuitive drag and drop header editor. With the help of header builder, you can create customized, eye-catching and impressive unlimited headers with the infinite number of styles by just drag and drop.
Header builder also provides facility to create customized and responsive headers for mobile devices too, which give a great user experience on all devices and platforms. Header builder provides better and precise control over header elements. You can use a component at different locations, like Top Bar, Main Header or in the Header Bottom, and you can set individual properties for each.
Header builder comes with six predefined styles, which you can import while creating a new header, and then you can customize it as per your requirements.
Enable Header Builder in Theme Options
By default, the theme will display predefined header styles. You can display custom header by enabling it by selecting “Header Builder” in Theme Options > Header > Site Header > “Select header type” field. Enabling custom header will enable another field, named “Select Custom Header”, next to “Select header type” field, in which you can choose custom header built in Header Builder section.
Header Builder Sections
A header consists of three sections:
1. Top Bar: As the name suggests, it’s the top area of the header.
2. Main Header: As the name suggests, it’s the main area of the header.
3. Header Bottom: As the name suggests, this row is located at the bottom of the header.
Header Builder Components
Header builder comes with the below components:
- Account: Add a login and register links and form.
- Button: Create buttons with various styles and options.
- Cart: Add WooCommerce Cart icon.
- Compare: Add WooCommerce Compare icon.
- Currency: Add WooCommerce currency switcher dropdown.
- Divider: Add a separator to divide the header content.
- Email: Add email address.
- Static Block: Select and add a Static Block content.
- Language: Add language switcher/selector dropdown.
- Logo: Add a logo in the header. Settings to customize the logo options are available in the theme options.
- Menu: Add any existing WordPress menus to the header.
- Phone Number: Add a phone number to the header.
- Primary Menu: Add menu assigned in the Primary menu location.
- Search: Add a WordPress search form.
- Social Profile: Add social profile links to the header. Social profiles can be managed from Theme Options.
- Space: Add horizontal space between two elements.
- Text Block: Add text/HTML content with WYSIWYG editor.
- Wishlist: Add WooCommerce Wishlist icon.