# Main Menu

The main menu properties allow you to style the main `menu` block by adjusting colours, spacing and items.

<figure><img src="https://lh4.googleusercontent.com/HIYPPcWSn3BRZ5-rG9joJL0r08dBaJF9n0snNVBFBUyaIMpbCSoQ-vBz6MIsSQ3YqDy39YZE8kjf8hStDO7R6nAbDF4FU-GhBavh-2P4uDx8pnxOncxPF-vTJoIZ33_feROY-xyZnnfgdbwT8HvBb4OoCO27HaPMFar052W_gPijactJAmIal_-KUAHdag" alt=""><figcaption></figcaption></figure>

## Colours

![](https://lh6.googleusercontent.com/PxAD4fQTdHlpYeaNelML1sYq_cFM31w-Aq2BrgsBCw2mecit4XtK2sFr_tvK14cyGOGru2rHJbBZBUiB6fevU462Wsd6R5IdpLwnC9IooVQqguWd_mdhJTEKPfNwZ-gJ_j7jKu_FRrD6WqZ3g8CjWFtExo51A1KceNAq4WIhgm7pdgkeTQM2toC8gWkJXw)

### Link

The `Link`property allows you to select a colour for your Linked menu items.

![](https://lh3.googleusercontent.com/AXhclg5QVilvRYfjXAZERzwvsMe_zAR53YQIS4QLI0zQx6peZymCZ59dEmOhOR2Pl3P8TcdyaNLSiCgdid2_rbPJmCi4OXX5Rybk3kegHC4RhU6a7gzYgVj2q6MIBhkENVSRNRT8_ZSXeGqk1UQy0OsjRPXJyAxTFDGu44Ik0fh3-8dMMiRBzz90mFUXiA)

<details>

<summary>Select Link</summary>

1. Select a Cwicly Menu block
2. Open the [block inspector](https://docs.cwicly.com/gutenberg/block-inspector/)
3. Navigate to the [primary tab](https://docs.cwicly.com/gutenberg/primary-tab/)
4. Open Main menu tab
5. Open Colours tab
6. Find Link property
7. Select desired colour

</details>

<details>

<summary>Reset Link</summary>

1. Select a Cwicly Menu block
2. Open the [block inspector](https://docs.cwicly.com/gutenberg/block-inspector/)
3. Navigate to the [primary tab](https://docs.cwicly.com/gutenberg/primary-tab/)
4. Open Main menu tab
5. Open Colours tab
6. Find Link property
7. Click dot to reset

</details>

### Background

The `Background` property allows you to select a background colour for your Menu block.

![](https://lh4.googleusercontent.com/qHvxeVNs1Z1b_KhVbImF_gyw5y7KudBn3n4DUSBIiUe7nwIVHJUXx4HnjyPT1pwZ3uVDeXh7Fhvyv3mlDE3M_yS0f13WKlJEM4OvHSVxAIvs-Ed7FNeaxyqvX0d9GKBvA26Q1LDmLi3A22_R8KZMPrfzQteyDX5_vtT3mZvPdNWoGSYdetM9tZt52R7weQ)

<details>

<summary>Select Background </summary>

1. Select a Cwicly Menu block
2. Open the [block inspector](https://docs.cwicly.com/gutenberg/block-inspector/)
3. Navigate to the [primary tab](https://docs.cwicly.com/gutenberg/primary-tab/)
4. Open Main Menu tab
5. Open Colours tab
6. Find Background property
7. Select desired colour

</details>

<details>

<summary>Remove Background</summary>

1. Select a Cwicly Menu block
2. Open the [block inspector](https://docs.cwicly.com/gutenberg/block-inspector/)
3. Navigate to the [primary tab](https://docs.cwicly.com/gutenberg/primary-tab/)
4. Open Main Menu tab
5. Open Colours tab
6. Find Background property
7. Click dot to reset

</details>

## Spacing

<figure><img src="https://lh5.googleusercontent.com/oCiGdhGlw45Jn77HhjbV7Gq2RaWlAFznYF3-HOWOO0_vD1EdMtoxjx3-x6s3hMvT8rZVfw6IDs5EcPeAxJ_FQ3GDtw3yQ-praH2QTvxhGyD-nUpcGZTd0hMhtC5tevDHfyoe7nZF1kacyByqD9HaaqWRL7n0WkESx1JDA15PZo5_Q7pWzGMlpwgkNNwp9A" alt=""><figcaption></figcaption></figure>

### Gap

The `gap` property allows you to adjust the gap between the items of the main Menu.

![](https://lh3.googleusercontent.com/XNVvs97SU_Z7rKCp61hRgJo45r6Q_7Z3yVAqHBYaF2amFsRies592ellBZYoyKsCcqREpRSDGv9BxMvYQSK4KRu40-qZz3Ox_sa5HpOPPg3L61eiUV-CXUweYg35i2zlDqkIGgPI2ktdKY_rTLulhw8z7hHu9R0bM03WEEPKYWUKZBMnYxQYmJYQONwn3g)

<details>

<summary>Add Gap</summary>

1. Select a Cwicly Menu block
2. Open the [block inspector](https://docs.cwicly.com/gutenberg/block-inspector/)
3. Navigate to the [primary tab](https://docs.cwicly.com/gutenberg/primary-tab/)
4. Open Main Menu tab
5. Open Spacing tab
6. Find Gap property
7. Add Gap

</details>

<details>

<summary>Remove Gap</summary>

1. Select a Cwicly Menu block
2. Open the [block inspector](https://docs.cwicly.com/gutenberg/block-inspector/)
3. Navigate to the [primary tab](https://docs.cwicly.com/gutenberg/primary-tab/)
4. Open Main Menu tab
5. Open Spacing tab
6. Find Gap property
7. Click dot to reset

</details>

### Padding

The `Padding` property allows you to add Padding to your Menu block.

![](https://lh5.googleusercontent.com/vqgFkm-yq7yv-QJ6xcwjMv2lwsXaS-mAJG36-YUMDDyzYyaSMWRRbBPE9rJU1dGt6jcxbAiLkPs-r0g4enPSXMIHLDMASl1zRT9G9rjsUjd5Oww63SsVOFPXs0ENxOG9GiRAnmZUMUQkPlzEXAvWJVopjqPHr-34v8ByLS_h4UdY9rfblu3MjAzXXGG0tA)

<details>

<summary>Add Padding</summary>

1. Select a Cwicly Menu block
2. Open the [block inspector](https://docs.cwicly.com/gutenberg/block-inspector/)
3. Navigate to the [primary tab](https://docs.cwicly.com/gutenberg/primary-tab/)
4. Open Main Menu tab
5. Open Spacing tab
6. Find Padding property
7. Add Padding: Linked or Top, Bottom, Left or Right

</details>

<details>

<summary>Remove Padding</summary>

1. Select a Cwicly Menu block
2. Open the [block inspector](https://docs.cwicly.com/gutenberg/block-inspector/)
3. Navigate to the [primary tab](https://docs.cwicly.com/gutenberg/primary-tab/)
4. Open Main Menu tab
5. Open Spacing tab
6. Find Padding property
7. Click dot(s) to reset

</details>

### Margin

The `Margin` property allows you to add Margins to your Menu block.

![](https://lh4.googleusercontent.com/jnzKwc-Fwxv29ZjA_PtrrqZ0Pji9vxWUKQZyhuCEujWw412jRCJrvwwNq7LKedPEDBIe9_2B2DNgUqSuARO15IdkQkbIm5sAeN0bo63f2j2RZl2AxA4hxdgyHq1bO1yMy599D1aSnDookwrfB_Ka5-GjwFMwtcHnBk6Z3-10u4ndUf0hOxi3wacxhGVBuQ)

<details>

<summary>Add Margin</summary>

1. Select a Cwicly Menu block
2. Open the [block inspector](https://docs.cwicly.com/gutenberg/block-inspector/)
3. Navigate to the [primary tab](https://docs.cwicly.com/gutenberg/primary-tab/)
4. Open Main Menu tab
5. Open Spacing tab
6. Find Margin property
7. Add Margins: Linked or Top, Bottom, Left or Right

</details>

<details>

<summary>Reset Margin</summary>

1. Select a Cwicly Menu block
2. Open the [block inspector](https://docs.cwicly.com/gutenberg/block-inspector/)
3. Navigate to the [primary tab](https://docs.cwicly.com/gutenberg/primary-tab/)
4. Open Main Menu tab
5. Open Spacing tab
6. Find Margin property
7. Click dot to reset

</details>

## Main Menu Items

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


---

# 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.cwicly.com/blocks/menu/main-menu.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.