The Menu section provides detailed control over the appearance and behaviour of the primary navigation menu — including link colours, dropdown styles, spacing, and megamenu typography.
| Setting | Description |
|---|---|
| Enable Search with Menu | Shows a search icon next to the main navigation links. Clicking opens an inline or overlay search form. |
| Enable Cart with Menu | Shows a WooCommerce cart icon next to the navigation. Only relevant if WooCommerce is active. |
| Direction Arrows with Menu Labels | Shows chevron/arrow icons next to menu items that have sub-menus. Uncheck for a cleaner look. |
| Space Between Nav Items | Sets the horizontal spacing (in pixels) between top-level navigation items. Default: 24. No ‘px’. |
| Main Navigation Link Color | Sets the default, hover, and active colours for top-level navigation link text. |
| Background Color for Dropdowns | Sets the background colour of dropdown panels for menu items with sub-pages. |
| Arrow on Dropdowns | Shows a small upward-pointing arrow at the top of dropdown panels. |
| Dropdowns Drop Shadow | Adds a box-shadow effect to dropdown panels. |
| Dropdowns Border Radius | Sets rounded corners on dropdown panels in pixels (e.g. 4). |
| Dropdown Links Border Bottom | Adds a separator border below each item in dropdown panels. |
| Dropdown Links Spacing | Controls padding inside each dropdown link. Default: 10px top/bottom, 20px left/right. |
| Dropdown Links Color | Sets the default, hover, and active colours for dropdown link text. |
| Megamenu Block Spacing | Sets the inner padding of megamenu panels. |
| Megamenu Column Title | Controls the typography for column headings inside megamenu panels. |
| Megamenu Column Title Border | Adds a decorative border below megamenu column headings. |
| Megamenu Text Typography | Controls the font, size, and colour of text links within megamenu panels. |
Note: Layout 3 (full-width navigation) has its own separate colour settings for the nav bar background and link colours within this section.