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.

2. Add a new section to your site

Go to Advanced Solutions → Add Custom Code Section.

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.

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.

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 section, and add the new container ID (comma-separated).

#custom-kinvasoft-multilevel-menu-container

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 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 — we’re always happy to help!