# Header



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

### 1. Header type

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

![](https://414992608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCp2Fq7Lb6J5UgmzEnrQ%2Fuploads%2FLrZgbOKfuYCpBOtNLGRq%2Fimage.png?alt=media\&token=3bf9ee03-b0d0-45b9-bf8c-df7e5758a97b)

* 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://414992608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCp2Fq7Lb6J5UgmzEnrQ%2Fuploads%2FrE02XzF0hTqqMl6bxFxJ%2Fimage.png?alt=media\&token=bd0e1ecf-159f-476d-8def-21738bbbf148)

### 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://414992608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCp2Fq7Lb6J5UgmzEnrQ%2Fuploads%2F8sGbpliQUI0MvErDw2AB%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://414992608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCp2Fq7Lb6J5UgmzEnrQ%2Fuploads%2FYlTA5n6OMeN9RBB1Aok2%2Fimage.png?alt=media\&token=1a2f0b65-9c8b-46e6-88d7-fa0ece4037e2)

![](https://414992608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCp2Fq7Lb6J5UgmzEnrQ%2Fuploads%2FCtxTBObqpGcsnjwpr5zz%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://414992608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCp2Fq7Lb6J5UgmzEnrQ%2Fuploads%2FvLK6xj6QYRE6CF2uKuZr%2Fimage.png?alt=media\&token=b4dcd9f3-a753-4cb6-a4c2-3af1e2b7ec04)

* **Disable Store View on TopBar: Yes/No**

![](https://414992608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCp2Fq7Lb6J5UgmzEnrQ%2Fuploads%2FBTLgXKz5wQK12wZnVfJW%2Fimage.png?alt=media\&token=3f3499e0-3405-45aa-9876-9b52954e46c2)

#### 4.2 Customize Topbar.

Normally, Topbar included:&#x20;

1. **Topbar Social**

![](https://414992608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCp2Fq7Lb6J5UgmzEnrQ%2Fuploads%2FErHsP4aiuQGcL4sKpDtu%2Fimage.png?alt=media\&token=08b5b885-1786-4aeb-b121-a9d530120bd4)

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

![](https://414992608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCp2Fq7Lb6J5UgmzEnrQ%2Fuploads%2Fddl57cj053IZoqo5xKtu%2Fimage.png?alt=media\&token=2d7d37ee-4e34-4e33-a3aa-34a37b903cc1)

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


![](https://414992608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCp2Fq7Lb6J5UgmzEnrQ%2Fuploads%2FNgK7e9ox5Ux33dCHoY1c%2Fimage.png?alt=media\&token=7e777a41-3f60-47d8-a1d1-2cc0c7fd5ab9)

![](https://414992608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCp2Fq7Lb6J5UgmzEnrQ%2Fuploads%2FR1ZQdSZ34n6CvGnuNtIV%2Fimage.png?alt=media\&token=eda3b9bf-83bc-4404-b830-3edf299dcc90)

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

![](https://414992608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCp2Fq7Lb6J5UgmzEnrQ%2Fuploads%2F1X87on5poi7CoQ22W6hz%2Fimage.png?alt=media\&token=7fd3f1a4-1578-445c-956f-338812bb53ff)

**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.

**4. Social icon**

![](https://414992608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCp2Fq7Lb6J5UgmzEnrQ%2Fuploads%2FRTGieMtiCIArB9vFTvuE%2Fimage.png?alt=media\&token=1e8dcf50-786d-464f-be12-76a90fb3cfa4)

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

![](https://414992608-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnCp2Fq7Lb6J5UgmzEnrQ%2Fuploads%2FA6hVwsOEHsltIw2sP4Vq%2Fimage.png?alt=media\&token=3b49db74-982f-45c7-b636-41f12f49db6d)
