# Set up Header

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

![](https://2092693935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0pIcnkwC6XUmoax49d%2F-M0u6W3RT2s5_UsuapxM%2F-M0u9odCSmVoCrjzqXvF%2FScreenshot_99.png?alt=media\&token=26fc26e5-0b0b-4944-a54f-fd9c23906a44)

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

![](https://2092693935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0pIcnkwC6XUmoax49d%2F-M9WCtZAjJPhgTX3kFyQ%2F-M9WDNXUlL5lgQ1QdLhf%2Fimage.png?alt=media\&token=e7ab420a-5fd8-4d00-aec9-478bf4f84768)

\+ Option 1. Create Contact hasn't icon: Import HTML Code below on Contact info&#x20;

```
<pre>

<div class="ekommart-contact">
<div class="contact_inner">
<div class="contact_content">
<a class="contact_link" href="#"><span class="title">+84 800 456 789</span></a>
<span class="sub-title">Call Us Free</span>
</div>
</div>
<div class="contact_inner">
<div class="contact_content">
<span class="title">Free Shipping</span>
<span class="sub-title">On Orders Over $150.0</span>
</div>
</div>
</div>
</pre>
```

\+ Option 2. Create Contact has icon: Import HTML Code below on Contact info&#x20;

```
<div class="ekommart-contact">
<div class="contact_inner">
<div class="contact_icon">
<i class="ekommart-icon-headphones-alt" aria-hidden="true"></i>
</div>
<div class="contact_content">
<span class="sub-title">Call Us</span>
<a class="contact_link" href="#"><span class="title">+84 1800 33355</span></a>
</div>
</div>
</div>
```

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

![style header](https://2092693935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0pIcnkwC6XUmoax49d%2F-M9WCtZAjJPhgTX3kFyQ%2F-M9WDhM5YFgHeSe44jre%2Fimage.png?alt=media\&token=a6dea47e-7d69-421c-8b82-0c03643cc21a)

**Step 4** - Install the header group

![header group](https://2092693935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0pIcnkwC6XUmoax49d%2F-M9WEhHekIqgRbFkeWh9%2F-M9WFND1bV2ZylKGXDyh%2Fimage.png?alt=media\&token=c4487a4f-45b0-4ac9-b50a-9354e45207ff)

Front end look like :&#x20;

![](https://2092693935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0pIcnkwC6XUmoax49d%2F-M9WGpICR_QvdCCbi5mL%2F-M9WHFmncd-Efd4IZ4eL%2Fimage.png?alt=media\&token=56acf8b9-091a-494a-ac94-e5de58329885)

**Step 5** -  Save Changes

**Front end look like** :

Option1:

![](https://2092693935-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0pIcnkwC6XUmoax49d%2F-M0uGbaF1yuYNK7qScnM%2F-M0uH68J7hrR0_9XF1Zv%2FScreenshot_103.png?alt=media\&token=8a270cac-2b76-4ee2-89d3-69561e638439)





