# Link menus to Foxify layout

<div data-full-width="true"><figure><img src="/files/dHaPBf9wiTvRsPXBrcnP" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=foxecom&#x26;utm_medium=help_center_foxify_link_menus_to_foxify_layout&#x26;utm_campaign=anchor-text&#x26;utm_term=explore_foxecom_affiliate_program_perks_now">Explore FoxEcom Affiliate program perks now</a> <span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

With Foxify, you can design your own header and footer in the page editor. To do so, you must set your [**Page layout**](/foxify-app/legacy-editor/foxify-layout.md) as **Foxify layout**.&#x20;

{% hint style="danger" %}
Foxify layout is available for the Legacy editor (Basic editor) only.
{% endhint %}

{% embed url="<https://www.youtube.com/watch?v=WfB0BtNScTQ>" %}

In this article, we will show you how to link your menus to Foxify layout.

## Before we start

To add a menu to your Foxify header/footer, make sure you've created relevant menus.&#x20;

Check out this article to learn more about Foxify **Menus** section.

{% content-ref url="/pages/RJH3R4n2YrbCKh2N8Llc" %}
[Menus](/foxify-app/legacy-editor/foxify-layout/menus.md)
{% endcontent-ref %}

## Adding a menu to Foxify header&#x20;

{% hint style="success" %}
Steps:

1. In your Page editor, select the **Header** section.
2. Click **Add block** and add **Menu**.
3. Click **Select menu** and select a menu you've created in Foxify.
4. Hit **Select.**
5. **Save** the settings.
   {% endhint %}

You can add and use two different menus for the desktop view and the mobile view respectively.&#x20;

## Adding a menu to Foxify footer

{% hint style="success" %}
Steps

1. In your Page editor, select the **Footer** section.
2. Click **Add block** to add a **Grid** block.&#x20;
3. Click **Add block** by the grid to add a **Column** within the grid.&#x20;
4. Click **Add block** by the column > select **Menu**.&#x20;
5. Click **Menu** to open the element's settings bar.
6. Click **Select menu** > choose one you've created in Foxify.
7. Hit **Select**.
8. **Save** the settings.
   {% endhint %}

<figure><img src="/files/9sRTi9MNKoGRnw1YxwiA" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: 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:

```
GET https://docs.foxecom.com/foxify-app/legacy-editor/foxify-layout/link-menus-to-foxify-layout.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.