# Header



![Header setting](https://4238990318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffib9sDJUMpI5rSvkADwC%2Fuploads%2Fx9NUIvCgthhAcsLx6qh1%2Fc3.png?alt=media\&token=91d1e5b2-f886-46f9-b541-e58f54103653)

### 1. Header type

Kalles included 8 headers layout. You can check how it look in the sub menu in demo:

![](https://4238990318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffib9sDJUMpI5rSvkADwC%2Fuploads%2FsIxFPFgLNfz6HeinM1h3%2Fheader_layout.png?alt=media\&token=91bbe7e6-0d6c-44d5-a1fc-b6c11ad97ba7)

* In the **Header Type** field:  Select one of them to set header for your store.

### 2. Sticky header

* In the **Sticky Header** field: Select **Enable** to enable the **Sticky Header**.

![](https://4238990318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffib9sDJUMpI5rSvkADwC%2Fuploads%2FnqdWhUcNBskXAoKObMmL%2Fsticky_header.png?alt=media\&token=bc1666e4-4e1d-4557-bcd9-3f4fb2f59386)

### 3. Section to top header

We use Cms block to build the **Section on top header.** To modify it, you need go to: Content => Block => Edit the block has Identifier: **default\_free\_delivery** (use for default store view). You can create your own section and use it as the **section to the top header.**

![](https://4238990318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffib9sDJUMpI5rSvkADwC%2Fuploads%2F8bHCLZuZjx4zEeKBKrpb%2Fimage.png?alt=media\&token=f75fb527-2eb5-4b73-b39a-1453f7959285)



* In the **Add Section To Top Header** field: Select section to top of header. Choose the cms block that you want to use. Please see the following image.

![](https://4238990318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffib9sDJUMpI5rSvkADwC%2Fuploads%2F3V4b2duUMDgQTWWSavYg%2Ftop_section.png?alt=media\&token=c5ab270c-34ab-4ee9-9c00-5f5e4e528a8c)

![](https://4238990318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffib9sDJUMpI5rSvkADwC%2Fuploads%2FeVWM4JPFOCzXhByKs0KE%2Fc4.png?alt=media\&token=76606546-19b4-4edd-9dd1-0c66e2aedd81)

### 4. Topbar

#### 4.1  Topbar Setting

* In the **Enable TopBar** field: Select **Yes** to enable the **TopBar**.

![](https://4238990318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffib9sDJUMpI5rSvkADwC%2Fuploads%2FIvP4Ev6BZAqsKhljOnKF%2Ftopbar.png?alt=media\&token=d6f2f512-1857-4a13-91ac-0526fe673f9c)

#### 4.2 Customize Topbar.

Normally, Topbar included:&#x20;

1. **Topbar Social**

![](https://4238990318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffib9sDJUMpI5rSvkADwC%2Fuploads%2FpS0RxbIsklS1pagzwzF4%2Ftop_section.png?alt=media\&token=2ea7199b-4916-4b25-bb9b-a3b7e9a26414)

&#x20; \- To modify this, go to: Content => Block edit the cms block has Identifier is: default\_hotline

![](https://4238990318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffib9sDJUMpI5rSvkADwC%2Fuploads%2F9dXps3dZFMMLBp7fC29y%2Ftopbar_hotline.png?alt=media\&token=b7c5a3a7-ce1f-4dee-8eb6-9159477c27ed)

&#x20;**2. Topbar static text: default\_header\_static\_text.**\


![](https://4238990318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffib9sDJUMpI5rSvkADwC%2Fuploads%2FtD5J2ifvwBFEJYjAakxo%2Fstatic_text.png?alt=media\&token=2275f512-0e5c-4181-9a46-4956f4b4737a)

&#x20;\- To modify this, go to: Content => Block edit the cms block has Identifier is: default\_header\_static\_text

![](https://4238990318-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Ffib9sDJUMpI5rSvkADwC%2Fuploads%2FJwhXhwijbqmizYFuwl3a%2Fstatic_text_content.png?alt=media\&token=7c8fc229-ca19-43a9-8601-5a633697c823)

**3. Language (store view), Currency**

&#x20;\- Store view: You can disable: Store view in the Top bar setting

&#x20;\- Currency: It will disappeared if you don't set up currency for you store.
