> For the complete documentation index, see [llms.txt](https://docs.codpeller.com/en/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.codpeller.com/en/multi-level-menu/how-to-add-the-menu-to-your-instant-site-homepage.md).

# How to add the menu to your Instant Site homepage

### 1. **Add a new container to your Instant Site**

Go to the *Website* tab and click *Edit Site*.

<figure><img src="/files/uuESjWjqRI8RDLXzX7mV" alt=""><figcaption></figcaption></figure>

### **2. Add a new section to your site**

Go to *Advanced Solutions* → *Add Custom Code Section*.

<figure><img src="/files/5MFTkA44tkvWr2dHNfh2" alt=""><figcaption></figcaption></figure>

### **3. Insert the code inside the new section**

```
<div id="custom-kinvasoft-multilevel-menu-container"></div>
```

Click *Publish*. This is the container where the Multi-level Menu will be injected.

<figure><img src="/files/y9P2ZYv7SCBcPqfvbsCd" alt=""><figcaption></figcaption></figure>

### 4. Move the container to the correct position

Move the container right below the header. You can place it anywhere on the page, depending on your layout.

<figure><img src="/files/gUfdzKY9T320artoxIjw" alt=""><figcaption></figcaption></figure>

You can either hide the site header (default menu) and show only the Multi-level Menu, or keep both: the default menu on top, and Multi-level Menu underneath.

### **5. Add the new container ID in the menu settings**

Go to the Multi-level Menu settings, scroll down to the ***Compatibility options*****&#x20;section**, and add the new container ID (comma-separated).

```
#custom-kinvasoft-multilevel-menu-container
```

<figure><img src="/files/hRnpptaJiiodCy0mIpuX" alt=""><figcaption></figcaption></figure>

In my case, I already had `#kinvasoft-menu-static-container` configured, so I simply added the new one like this:

```
#kinvasoft-menu-static-container, #custom-kinvasoft-multilevel-menu-container
```

**Click&#x20;*****Save*****.** Then go to your homepage, and you should see the Multi-level Menu at the top of the page.

If you have any questions, feel free to contact our [support team](https://docs.codpeller.com/en/what-is-codpeller/support) — we’re always happy to help!
