# Header

This sheet is used to operate the controls on Header. Following are the options available.

## 1. Style

![Style settings for Header](https://2417500603-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBSmybPoMOkUYIdcSj1%2F-MIgvtxdIi914YsUq3sK%2F-MIgwCgGyBq3HiQP-64D%2Fimage.png?alt=media\&token=d3cc9f1c-956e-4857-8785-b953b1d8d3d3)

| Name             | Description                                                                                                                                                                                                                                                               |
| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Font Name        | Select a font name from the drop down which should be applied on '*Text'* attribute on Header.                                                                                                                                                                            |
| Font Color       | Enter the Hex Code of the Font Color or just enter the color name as 'red', 'green', 'purple' etc. which should be applied on '*Text'* attribute on Header.(Font color will be overridden if the '*Color'* is given in Header content for respective '*Text'*  Attribute) |
| Background Color | Color Name or Hex code can be entered to change the background color of the Header(If image link is given ,background color will be overridden).                                                                                                                          |
| Image            | Link of the image should be provided to get it displayed on Header.                                                                                                                                                                                                       |

## 2. Template Design

![Template Design for Header](https://2417500603-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBSmybPoMOkUYIdcSj1%2F-MIgwJGU5VZ-8Bxaqf-A%2F-MIh-07i8dkI26Z3l6al%2Fimage.png?alt=media\&token=ed5cc374-dc00-40bb-a827-f47fa9d4a34f)

| Name          | Description                                                                                                                        |
| ------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
| Header design | Based on the design selected from the dropdown '*Header Content'* and '*Image (from Style)'* given will be adjusted on the Header. |

## 3. Email subscription

![Email Subscription setting on Header](https://2417500603-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBSmybPoMOkUYIdcSj1%2F-MIh0R1HCXT9901Ssqly%2F-MIh2Z-KUT6YFVV2OFMa%2Fimage.png?alt=media\&token=4940e412-058b-4dad-b265-0852aec0d11d)

| Name                          | Description                                                                                                                                                                                                                                                                                                                                              |
| ----------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Display                       | <p><strong>Yes</strong> - If selected, Mail subscription option(Place Holder Text box and button)  will be displayed on Header.  </p><p><strong>No -</strong> If selected, Mail subscription option( Place Holder Text box and button) will not be displayed on Header.                                                                             </p> |
| Place Holder Text             | Enter the text that should be displayed in the text box as a place holder.                                                                                                                                                                                                                                                                               |
| Subscription Button Placement | <p><strong>Next to the Inbox</strong> - If selected, button will be placed next to the text box.      </p><p><strong>Below the Inbox</strong> - if selected, button will be placed below the text box.</p>                                                                                                                                               |
| Button Background Color       | Color Name or Hex code can be entered to change the background color of the subscription button.                                                                                                                                                                                                                                                         |
| Button Font Color             | Enter the Hex Code of the color or color name to change the font color of the subscription button.                                                                                                                                                                                                                                                       |
| Button Text                   | Text to be entered which has to be displayed on Subscription Button.                                                                                                                                                                                                                                                                                     |
| Mailchimp Subscription Link   | Link to be navigated to subscribe a user should be entered.                                                                                                                                                                                                                                                                                              |

## 4. Search

![Search bar settings](https://2417500603-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBSmybPoMOkUYIdcSj1%2F-MIh7BmNqkxPaDSr_kBB%2F-MIhAHMF-S3IT3FoKpjh%2Fimage.png?alt=media\&token=46aa3138-901e-40ac-8197-c65a1fdf529a)

| Name                 | Description                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| -------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Display              | <p><strong>Yes</strong> - If selected, Search Bar will be shown on the website based on <em>Search Bar Placement</em>. </p><p><strong>No -</strong> If selected, Search Bar will not be shown on the website based on '<em>Search Bar Placement'.</em></p>                                                                                                                                                                                      |
| Place Holder Text    | Place holder text should be entered to get it displayed on the search text box.                                                                                                                                                                                                                                                                                                                                                                 |
| Search Bar Placement | <p><strong>In Nav Bar</strong> - If selected, search bar will be displayed on the NavBar.     </p><p><strong>Top of Header -</strong> If selected, search bar will be displayed on the Header to the top.</p><p><strong>Middle of Header</strong> - If selected, search bar will be displayed in the middle of the Header.  </p><p><strong>End of Header</strong> - If selected, search bar will be displayed on the  Header to the bottom.</p> |

## 5. Header Content

![Header content settings](https://2417500603-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBSmybPoMOkUYIdcSj1%2F-MIhBRn2ATJSNtF6xnIa%2F-MIhCsV5vnrSG4oSQgzb%2Fimage.png?alt=media\&token=361f0ff9-9ed5-49d6-9a12-c5609c45b54e)

| Name           | Description                                                                                                                                                                                                                                                                                                                                                                                                                              |
| -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Attribute Name | <p><strong>Text</strong> - If selected, content entered will be displayed as Text.     </p><p><strong>Link</strong> - If selected, content entered will be displayed as Link Button. On click it will be navigated to the link given in '<em>Link</em>' column.</p><p><strong>Button</strong>- If selected, content entered will be displayed as  Button. On click it will be navigated to the link given in '<em>Link</em>' column.</p> |
| Text Size      | Select a size of the attribute to be displayed from dropdown.                                                                                                                                                                                                                                                                                                                                                                            |
| Color          | Color Name or Hex code should be entered in which Text/Link/Button will be displayed.                                                                                                                                                                                                                                                                                                                                                    |
| Content        | Content to be displayed on Header should be entered for selected Attribute (*Text/Button/Link*).                                                                                                                                                                                                                                                                                                                                         |
| Link           | Link to be navigated click of the attribute(*Link/Button*) should be provided.                                                                                                                                                                                                                                                                                                                                                           |