# Set up Header

**Step 1** - From admin Dashboard, navigate to **Freshio  Options** -> **Header**

![](https://3352170884-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFZzX4YuzXw6bWeNqh8%2F-MFfXl0QzkVd1LzlzK6-%2F-MFfXwBiDBDPj1_PlVs8%2Fimage.png?alt=media\&token=ae58253d-6aec-4dab-b61d-e8e8c070ecf8)

**Step 2** - You will see all tabs for setting of Header , in Header tab

![](https://3352170884-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFZzX4YuzXw6bWeNqh8%2F-MMPDyOuQJ9iSQAJlFHz%2F-MMPFHA73MlQum-Ef5Sw%2Fheader.png?alt=media\&token=a889a480-8dd3-485a-a1cf-33f4034208b1)

**Step 3** - Choose your header Style for page.

![](https://3352170884-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFZzX4YuzXw6bWeNqh8%2F-MMPDyOuQJ9iSQAJlFHz%2F-MMPFnrW21fw7RWeMeKD%2Fheader-style.png?alt=media\&token=6aefc8bf-6ae9-49e8-8f93-af8687696b16)

**Step 4** - Install the header group

![](https://gblobscdn.gitbook.com/assets%2F-M0pIcnkwC6XUmoax49d%2F-M9WEhHekIqgRbFkeWh9%2F-M9WFND1bV2ZylKGXDyh%2Fimage.png?alt=media\&token=c4487a4f-45b0-4ac9-b50a-9354e45207ff)

**Step 5** - Save Changes

**Markup for custom link field:**

```
<div class="freshio-custom-link">
						<ul>
							<li><a href="#">ABOUT</a></li>
							<li><a href="#">FAQ</a></li>
							<li><a href="#">CONTACT US</a></li>
						</ul>
					</div>
```

**Markup for Contact Info:**

```
<div class="freshio-contact">
    <div class="contact_inner">
        <div class="contact_icon">
            <i class="freshio-icon-headphones-alt" aria-hidden="true"></i>
        </div>
        <div class="contact_content">
            <span class="sub-title">Call us 24/7</span>
            <span class="title">(1800)-88-66-991</span>
        </div>
    </div>
 </div>
```