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

###


---

# 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/sub-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.