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

# Sub Menu

The `Sub Menu` property allow you to **customise** your Sub Menus, for example: background colour, spacing, borders, Sub Menu Items.

<figure><img src="https://lh3.googleusercontent.com/5oOySyokLuoFbJa0bWgSYVQqPu2EMHhJMdsP-Peh_hBBCPmTYSnJrFit0YsHR393aF9UXzlO2SbsZmFGKEDZv8_ZLQq6nUPVhFAvL_-RDBqfvjSM2xdzQiM1-mEaGlUpzid7LwfLtLGs7Q7p8o6cvB_x93wzSpmtO2Hf1LmA3lAF7ZD7_VsnPege4egf-w" alt=""><figcaption></figcaption></figure>

## Colours

### Background

The Sub Menu Background property allows you to add a background colour  to your Sub Menus.

![](https://lh5.googleusercontent.com/HeOwGZxiveL88Xq6HecaQzJzY_yl3Tr8LTvCzZYjX8Xo4XxmGBStyhaCPFYwEypI1Y0DUZqvJNzn7h5rMB57ho0cK5SGzHfz1620oYuidSGOY2qeTOuICf6TMSxO09CFVvePBGLn7FvSUK6by48t2lictKTisMRuiDm8XKlp_II6M5DO43GRStoHZ1G71A)

<details>

<summary>Select Background Colour</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 Sub menu tab
5. Open Colours tab
6. Find Background
7. Select Background colour

</details>

<details>

<summary>Reset Background Colour</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 Sub menu tab
5. Open Colours tab
6. Find Background
7. Click dot to reset

</details>

## Spacing

The Sub Menu Spacing property lets you add spacing to your Sub Menus, such as Padding and Margins.

![](https://lh5.googleusercontent.com/AFpRBPayS5q-M0OBvNtSRX4ComQOl_94DsPDfaoijIPA8sA_iDmtQE8qaPvzjOhIx2KdtGPWf8bsmnLu_RHL4UAdKDSuLsmjFyeVDSEM15CHZySR-lQcOprG1XvjKAmk7afC_56JCMLYZn1OB28nOJCtV1s369-cqpzFYIwLhuV7dNt21aeItMuk_cjRzQ)

### Padding

The Sub Menu Padding property allows you to modify the space inside the border of a sub menu element.

<details>

<summary>Modify 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 Sub menu tab
5. Open Spacing tab
6. Find Padding
7. Choose Padding, linked or unlinked

</details>

<details>

<summary>Reset 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 Sub menu tab
5. Open Spacing tab
6. Find Padding
7. Click dot(s) to reset

</details>

### Margin

The Sub Menu Margin property allows you to modify the space outside the border of a sub menu element.

<details>

<summary>Modify 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 Sub menu tab
5. Open Spacing tab
6. Find Margin
7. Choose Margin(s), linked or unlinked

</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 Sub menu tab
5. Open Spacing tab
6. Find Margin
7. Click dot(s) to reset

</details>

## Borders

The Sub Menu Borders property allows you to choose a border for your sub menu items and modify features such as: radius, style, width.

![](https://lh4.googleusercontent.com/O43s_UHWNdxLai3s3UBmsLvC6e3LMR6tAyWb9a2vM0ld17ikZibTEWyLzEdQMh2wUEdzCQr-v3A1ZY-mJeQ87VdLgIix6qN0ueDwku-91AhkOEXDcr5MOwOGBTMJtxlZM394RyJqilkq62Kd3ip7cpb3sXyyn9g_WqPWHWBr-WuJidQEdfu8-x_YvhLdFQ)

### Radius

The Sub Menu Radius property allows you to define the edges of your Sub Menu items.

<details>

<summary>Adjust Radius</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 Sub menu tab
5. Open Borders tab
6. Find Radius
7. Adjust radius, linked or unlinked

</details>

<details>

<summary>Reset Radius</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 Sub menu tab
5. Open Borders tab
6. Find Radius
7. Click dot(s) to reset

</details>

### Colour

The Sub Menu Border Colour property allows you to choose a border colour for your Sub Menu border.

<details>

<summary>Select Border Colour</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 Sub menu tab
5. Open Borders tab
6. Find Border
7. Select colour

</details>

<details>

<summary>Reset Border Colour</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 Sub menu tab
5. Open Borders tab
6. Find Border
7. Click dot to reset

</details>

### Style

The Sub Menu Style property allows you to choose a border style for your Sub Menu border such as: solid, dotted, dashed.

<details>

<summary>Select Style</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 Sub menu tab
5. Open Borders tab
6. Find Style
7. Choose style (solid, dotted, dashed)

</details>

<details>

<summary>Remove Style</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 Sub menu tab
5. Open Borders tab
6. Find Style
7. Click X to remove

</details>

### Width

The Sub Menu Width property allows you to choose a border width for your Sub Menu border.

<details>

<summary>Choose Border Width</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 Sub menu tab
5. Open Borders tab
6. Find Width
7. Choose width, linked or unlinked

</details>

<details>

<summary>Reset Border Width</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 Sub menu tab
5. Open Borders tab
6. Find Width
7. Click dot(s) to reset

</details>

## Sub Menu Items

<figure><img src="https://lh6.googleusercontent.com/LaSDZ6t6Za7i-0ciNzNCzrsGyqIZXtkDcp8R_GHO3t2kQUJxsfc0MZ_L5hLsp--NXjLQqfeq9_BEWWCZ0Oa0S4cSzLsnE99L0WTvZbTWbQaNoM783MTMd08Vq8wNmGdlA9GKsVB6oUOpcWJhBhD_uW3_tQSIl9Gse1KW52woB0d7NJhSNPvRv0tWsk3sJQ" alt=""><figcaption></figcaption></figure>

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

###