# Hero Slider 6

The Hero Slider 6 has 3 display areas: \
1\. A side menu on the left. \
2\. The slider (content block) is in the center \
3\. The banner is on the right.

<figure><img src="https://2996692329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fvbg76GQKPN6QbLvX7P9z%2Fuploads%2FQVt6rG5A8Ng9cuf4SJsv%2Fimage_doc_heroslide6.png?alt=media&#x26;token=744c8b1d-c390-4b6e-b20a-de275310ef8e" alt=""><figcaption></figcaption></figure>

### Adding a Menu to Hero Slider 6

Step 1: Click on Navigation -> Add Menu&#x20;

Step 2: Create a Menu for Hero Slider 6

<figure><img src="https://2996692329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fvbg76GQKPN6QbLvX7P9z%2Fuploads%2FRKaLqmUZkLDHnlSYU9Rz%2FScreenshot%202023-04-21%20at%2011.09.45.png?alt=media&#x26;token=45c46aee-3517-4b6e-94e0-1336d6bf5929" alt=""><figcaption></figcaption></figure>

Step 3: Then, go back to the settings area of Hero Slider 6 and assign the created menu to the Menu setting.

<figure><img src="https://2996692329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fvbg76GQKPN6QbLvX7P9z%2Fuploads%2FxMNHhbHaCepUZ6bVVNDP%2Fimage.png?alt=media&#x26;token=0d258a43-6aa7-47a7-bbf5-017c56bd17ef" alt=""><figcaption></figcaption></figure>

### Adding Content to Hero Slider 6

We recommend that You should:

1. Turn off Auto Play feature while adding a slide to the Hero Slider 6
2. You should move the new slide block to highest position on this section
3. You can use [Shopify Color Codes Tool](https://myshopkit.app/shopify-color-codes/) to generate a make up for your Slide Text <br>

{% embed url="<https://youtu.be/d9TjSnSbzxE>" %}

### Adding a Banner to Hero Slider 6

Step 1: Click on Add block link under Hero Slider 6

Step 2: Select Banner block

Step 3: Upload your banner and finally,  click Save button&#x20;

&#x20;

<figure><img src="https://2996692329-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fvbg76GQKPN6QbLvX7P9z%2Fuploads%2F4xvDBvRV0eQFzHGHPLZO%2Fimage.png?alt=media&#x26;token=75e62c89-e620-4d42-9a4e-4d9f72923b3c" alt=""><figcaption></figcaption></figure>