> For the complete documentation index, see [llms.txt](https://broadcast.presidiocreative.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://broadcast.presidiocreative.com/header/header/section-settings/navigation-images.md).

# Navigation images

Broadcast can bring your navigation to life with images. Promote your product lines and sales events by easily adding image promotions to any of your top-level menu items:

<div data-full-width="false"><figure><img src="/files/F8rD5Ew8948lYJVcej9O" alt=""><figcaption><p><strong>Image promotions added to drop-down menus</strong></p></figcaption></figure></div>

You can even build an entire dropdown with images alone:

<figure><img src="/files/soCh6AmdXDM9vZvK2u4r" alt=""><figcaption><p>Example of <strong>ABOUT</strong> menu dropdown built entirely with image links</p></figcaption></figure>

### Video

How to build an all-image dropdown in Broadcast:

{% embed url="<https://www.loom.com/share/520baf3a1a2b4a899f6b68cbf1614951?sid=bc23832e-212b-411b-b98c-a9aae3f142fd>" %}

### Video

How to use image blocks to add images to existing top-level menu items:

{% embed url="<https://www.loom.com/share/d5121d403ed84ce187883a2781aa99b6?sid=5e176ebe-5c8c-472f-994b-af2807492048>" %}
&#x20;**Excerpt from Bold Demo Store Header set up video**
{% endembed %}

### Adding images to menu items

* Begin by adding an image block to the Header section:

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

* Next, map the image to a menu position. If you'd like your image to appear on the first menu item, choose "Item 1". In our example, the image block is mapped to "Item 1", which would be the "NEW ARRIVALS" menu:

<div data-full-width="true"><figure><img src="/files/EZIQKoftYOOZAxKg4sOw" alt=""><figcaption><p><strong>NEW ARRIVALS is menu Item 1, CLOTHING is menu item 2</strong></p></figcaption></figure></div>

* You can add multiple images to the same menu item. Each one will occupy a column. In this example, we have two images mapped to "Item 2":

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

### Image settings

Finetune your image with individual block settings to perfect each individual image and call-to-action link:

* **Image scaling ratio** - Adjust for wide to tall images.
* **Wide image** checkbox - Use to adjust for smaller to larger images.
* **Overlay opacity** - Darken the image to help highlight text.
* **Overlay color** - Add an overlay tint to match your brand or enhance the look of the image.
* **Heading** - Add heading text over the image.
* **Text** - Smaller text displayed over the image.&#x20;
* **Link** - The promotional call-to-action link.&#x20;
* **Color** - Adjust the heading and text color.


---

# 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://broadcast.presidiocreative.com/header/header/section-settings/navigation-images.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.