# Home 24 - Bicycle

### Style: Balance both sides by menu

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FVrf2ELBe6Jz0ZeY9icro%2Fheader-14.jpg?alt=media&#x26;token=383b5364-9872-4445-8302-fb8f642db1c0" alt=""><figcaption><p><a href="https://new-ella-demo-11.myshopify.com/?fts=0&#x26;preview_theme_id=124314583091">Home 24 - Bicycle</a></p></figcaption></figure>

{% embed url="<https://www.youtube.com/embed/QJOSOCm7GuY>" %}
Key Moments: [33:01](https://www.youtube.com/watch?v=QJOSOCm7GuY\&t=1981s) Home 24 - Bicycle
{% endembed %}

To setup Header Home 24 - Bicycle, you need to add the **Header Nav - Hamburger Slide-In** section to the **HEADER GROUP**.

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. At the **HEADER GROUP ->** click **+** **Add section**.
4. Search and select **Header Nav - Hamburger Slide-In** section.

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FH2mp47OBZzyBFrSCibAq%2Fheader-2-setting.jpg?alt=media&#x26;token=280983a8-1039-4e05-a951-7b69407ea096" alt=""><figcaption></figcaption></figure>

5. On the **Header Nav - Hamburger Slide-In** section settings -> **Header Style** -> select **Balance both sides by menu**

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FedX5TLE0fhQT5TVq9TLm%2Fnav-hamburger-style.jpg?alt=media&#x26;token=f8067339-d8d2-4637-9632-9306871cff9e" alt=""><figcaption></figcaption></figure>

6. Click on **Header Icons** block -> you can select icon for Search, Account, Wishlist, Cart and Languge / Currency -> select **Bold** at the **Icon Style** setting.

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2F0a2ci8Zmk3P5FPnf5rO3%2Fnav-hamburger-header-icons.jpg?alt=media&#x26;token=ded02449-a04d-45ca-b6b1-15f5e441ed38" alt=""><figcaption></figcaption></figure>

## Upload Settings For Header

<mark style="color:red;">To set up data for Header Home 24 - Bicycle, please follow below instruction:</mark>

1. Click the [file to download](https://halosoft.gitbook.io/ella-documentation/header/header-for-desktop/home-24-bicycle#preset-for-header-home-24-bicycle) the corresponding *"json"* of the layout you want to open the data on a new tab.
2. **SELECT ALL** and **COPY**.
3. From your Shopify admin, go to **Themes** **->** **Actions** **->** **Edit Code.**
4. Find folder **Sections** **->** Open file **header-group.json** **->** **SELECT ALL** and **DELETE** then **PASTE** the copied preset from the external file.

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2F455E9bEhZsK2Spf1Gv3S%2Fheader-group-edit.jpg?alt=media&#x26;token=a212f304-4e45-4789-ab1e-e4d8b0d8f42d" alt=""><figcaption></figcaption></figure>

## Preset for **Header** Home 24 - Bicycle

<table><thead><tr><th>Home Page</th><th data-type="files">Json (with .json format)</th></tr></thead><tbody><tr><td><a href="https://new-ella-demo-11.myshopify.com/?fts=0&#x26;preview_theme_id=124314583091">Home 24 - Bicycle</a></td><td><a href="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FaT2krQ21htDhhswkF8l3%2Fheader-group-24.json?alt=media&#x26;token=bb4278ef-4713-47e2-94c7-0c70224273ce">header-group-24.json</a></td></tr></tbody></table>
