> 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/main-menu.md).

# 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 %}