> For the complete documentation index, see [llms.txt](https://docs.cwicly.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cwicly.com/blocks/menu.md).

# Menu

The `menu` block contains a clickable list of Items separated by empty space. 

The Menu Items all have the same colour.

<figure><img src="https://lh3.googleusercontent.com/mPJKOkGImdfpV0xRTEYz5X-LJMmGoG_oZY_ANyQ8T3Nh2P_ymYohgzYOqeJ32aTcdg1j_eGOh0NtI-FuUoXzdFUlD9pezH2tO3icKwyughu-pTUmAMJzDzZ8K6C575Np6L9OtF2VC87t0dQeVE7XVFQvycz2sIjrnVLglOzI3rPvoqDw5G0uuPDCNvHijA" alt=""><figcaption></figcaption></figure>

The Menu contains Main Menu Items that can also contain a Sub Menu with Sub Menu Items.

{% hint style="info" %}
In order to use the Menu block, you need to set up a Menu from the Dashboard.
{% endhint %}

{% content-ref url="/pages/EjUmfgryqmEqTuWG4NFg" %}
[Broken mention](broken://pages/EjUmfgryqmEqTuWG4NFg)
{% endcontent-ref %}

![](https://lh6.googleusercontent.com/UcUDtghltE6igyT5hCNOtBX2xN6tZY-qtqIB_KurxUelHA69QzhYpXsaXPbPTRnCAjQPjKDPFqm8MqA3G1ES1XQD1XtuQKvoXXjMotprej7ady0M6sd-oOLbm9bSpp__lMSPdMYPFFcPzliRdMEMoefRsjGG4TlfWxHr6LOp5WMbwZTCiJIe2ZVHBHmhHA)

<details>

<summary>Add Menu block</summary>

If you want to add a `menu` block outside any other block on the page:

1. Click on the ➕ ​​icon to open the Inserter Panel
2. Search for the <img src="/files/sHJscThWb2nW7KToY5IY" alt="" data-size="line"> `menu` block
3. Click on the <img src="/files/sHJscThWb2nW7KToY5IY" alt="" data-size="line"> `menu` block to insert it into your page

If you want to add a `menu` block inside a parent block:

1. Open the Quick Insert panel in the parent block
2. Search for the <img src="/files/sHJscThWb2nW7KToY5IY" alt="" data-size="line"> `menu` block
3. Click on the <img src="/files/sHJscThWb2nW7KToY5IY" alt="" data-size="line"> `menu` block to insert into your parent block

</details>

{% embed url="<https://www.youtube.com/watch?index=3&list=PLvp2KVaJroeSB2Eh129IJQDr6dlHtwjzX&t=326s&v=GFcY41ES-V4>" %}
Build from A to Z - Header
{% endembed %}

## Menu Block Placeholder

When you add a Cwicly Menu block, a placeholder is automatically added to help you get started.

You can click "+Select Menu" if you have already created the menu you wish to use or you can click "+Create New Menu" if you need to make a menu.

<figure><img src="https://lh6.googleusercontent.com/lwFDyAzfjAkuBQy1zPZQHTPMwQAl53-nGtKCjjhr6yd-qNJlg0Eb_b4UjGrB3sU5MiYvM3LJncEGNV7V6aNTkjRfpljMgej0wQ9hZwKlmHTgtPo75PkuRdZ67c3JyJ3VIhURG118Anpc_H1wgoBwYUhvv7_PC8U-yS3kcH37EmL4LDW0AI_fxi8-UPe3vw" alt=""><figcaption></figcaption></figure>

### + Select Menu

If you have already created the Menu you want to add, click "+ Select Menu".

This will take you to the Primary tab of the Block Inspector where you will find your Menu in the Menu dropdown.

<figure><img src="https://lh5.googleusercontent.com/DfI2JtWbST9Vzigu69OS3RqjZQP_J0nhRTj9zgEw2tzpFMBMVRLBfLp-kjD2E88UfijfTAww2Gpyk-A1jdZCKQMruPP2WtC6wAxR-NS69JHJwYthkIa-wq0qSKpG3Q6r2du9iqCdpFOoNgm328BuQs8LI3Xpp9L_IvKRjndnOvzfBMVjUbv927GnRXa_3A" alt=""><figcaption></figcaption></figure>

### + Create New Menu

If you have not yet created the menu you require, click "+ Create New Menu".

This takes you directly to the WordPress dashboard where you can create your new menu.

![](https://lh5.googleusercontent.com/yMQWgw2dBODrce_aaRKFe25ZWQR1jGIxwQO85l5qfxbLfHSUbZixHWQTT9M6At-Gp6D6IhaZiOFCQ38IwKF3-co8jIHlxqpn4wlu8CwYvQnKMzHcPhuMykBi4ni8QFbyZDk_HmGG1YDe_qtbJShLJOpweUqFXSZ2KRO6YM201VNlNZqyOatittDeBW6JUQ)

<figure><img src="https://lh4.googleusercontent.com/rJd6s2OzoYWf7uzVs-5njp12wFS82km6UVEyUyCeqDytToXoeuByuIPP0TP38Xx9I26LHFdvniQLwesmkJXnomkIajpJmKqq60pSS0SM41MCzEgZS_pkM04f7ID63XCp7AjYt4_Sx5txNU6lmJAW9pRqQpgdsyf4SSXkKFK_bxlosnUlV5Ouua54hRl_uQ" alt=""><figcaption></figcaption></figure>

{% content-ref url="/pages/EjUmfgryqmEqTuWG4NFg" %}
[Broken mention](broken://pages/EjUmfgryqmEqTuWG4NFg)
{% endcontent-ref %}

## Settings

Allows you to set specific settings for the menu block.

{% content-ref url="/pages/l8zwqB2c00ZDpRIWWyvt" %}
[Settings](/blocks/menu/settings.md)
{% endcontent-ref %}

## Styling

{% content-ref url="/pages/WdwTB49o8z2QlGVFkSLg" %}
[Main Menu](/blocks/menu/main-menu.md)
{% endcontent-ref %}

{% content-ref url="/pages/yg4nUCrw0051981elMuO" %}
[Sub Menu](/blocks/menu/sub-menu.md)
{% endcontent-ref %}

{% content-ref url="/pages/PvZRJVpPT9883qGpvBjw" %}
[Items](/blocks/menu/items.md)
{% endcontent-ref %}