---
title: "Menu Maker"
url: "https://divitorque.com/docs/menu-maker.md"
canonical: "https://divitorque.com/docs/menu-maker/"
published: "2026-07-08"
modified: "2026-07-25"
author: "Fahim Reza"
description: "Design custom navigation menus visually inside Divi. Learn how to add and configure the Menu Maker module in Divi — settings, options, and tips."
tags:
  - "Modules"
---

# Menu Maker

The **Menu Maker** module lets you design a custom navigation menu visually inside Divi. Choose any WordPress menu, lay it out horizontally or vertically, and style every state without leaving the builder.

## How to add the Menu Maker module

1. Create a menu under **Appearance → Menus** if you haven't already.
2. Add a section and row, then add the **Menu Maker** module.
3. Select your menu and set its orientation, alignment, and mobile behavior.

## Content

### Menu

- **Menu** — pick which WordPress menu to display.
- **Menu Orientation** — horizontal or vertical.
- **Alignment** and **Spacing** — position and gap between items.
- **Enable Mobile Menu** — collapse into a responsive toggle on small screens.

## Design

Use the Design panels to style the menu-item text, hover and active colors, dropdown/submenu appearance, and the mobile menu icon and panel. Standard **Background**, **Border**, and **Spacing** options apply to the menu container.

## Tip

Place the Menu Maker module inside a Divi Theme Builder **header template** to build a fully custom, responsive site header that stays consistent across every page.