> For the complete documentation index, see [llms.txt](https://docs.maker.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.maker.co/maker-nav/build-your-nav/how-do-i-add-videos-to-my-nav.md).

# How do I add Videos to my Nav?

{% stepper %}
{% step %}

### You can add Videos from 3 different places in the Nav editor. They can be nested in both Menu's and Sub Menu's.

{% endstep %}

{% step %}

### To add the videos from the menu items, click 'Add'.

<figure><img src="/files/IZuhclVnTsqp17bWSjQM" alt="How do I add Videos to my Nav? — step 2"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Once you have clicked on Add, select Media.

<figure><img src="/files/w1TY7xDlJVgb6U5ODzHy" alt="How do I add Videos to my Nav? — step 3"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Select your Layout from the available options. You can select either a Slider or Grid.

<figure><img src="/files/c9N47dmz3uc5jR9lmlJz" alt="How do I add Videos to my Nav? — step 4"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Once finalised, click 'Add'.

<figure><img src="/files/XgzUBw0bi9kvDbTRD137" alt="How do I add Videos to my Nav? — step 5"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### You can edit the available attributes here like details, style etc.

<figure><img src="/files/5pIj4CTctkASQSHcZz8C" alt="How do I add Videos to my Nav? — step 6"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Expand the menu item and select the individual media to customize the attributes.

<figure><img src="/files/KdVk1gjfq0ZUYlQclNrf" alt="How do I add Videos to my Nav? — step 7"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Add a Title, Description, Images & the Video. You can either choose a video from your computer or add a video from Vimeo & Youtube.

<figure><img src="/files/QrbSWgUdfLs8BOWUvf8j" alt="How do I add Videos to my Nav? — step 8"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### You can use the device icons to load breakpoint specific videos. Delete any extra placeholders by selecting delete on your keyboard or ucing the three dots to expose the delete option there.

<figure><img src="/files/3rTekvOklCVuTJTiwAt2" alt="How do I add Videos to my Nav? — step 9"><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.maker.co/maker-nav/build-your-nav/how-do-i-add-videos-to-my-nav.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.