Contents

Menus

Build a desktop or mobile menu in WordPress, place it anywhere on the page, and pick from three styles: plain text links, a pill bar, or per-item styled buttons.

Creating a Menu

Go to Appearance → Menus:

Appearance → Menus in the WP admin sidebar

Find Menus under Appearance in the WP admin sidebar

Enter a name, check Primary Menu as the display location, and hit Create Menu:

Create Menu form — name + display location + Create Menu button

Name your menu, pick a display location, then click Create Menu

Pick Pages, Posts (Projects) or anything else from the left and add them to the menu, then click Save Menu:

Adding menu items — Add menu items panel and Menu structure panel

Add menu points from the left panel; drag to reorder in the right panel; click Save Menu

Drag and drop any menu item slightly to the right, underneath the item you want it nested under:

Once your menu exists, go to Customize → Menu Style → Primary Menu. The Menu Style radio is the top control:

Menu Style radio with Button Style dropdown

Menu Style picks normal / pill / button; Button Style picks which Button (1, 2 or 3) drives the look

Three options:

Plain text menu items — no background, no buttons. All the typography controls underneath (Text Format, Font Family, Font Size, Color, Letter Spacing, etc.) apply directly to the link text. Use this when your menu should feel like part of the page rather than a separate UI element.

Frontend example — normal menu style

normal — plain text links

A single rounded "pill" container wraps the whole menu and the items sit inside it. Good for compact, capsule-style navigations that read as one block. The pill picks up the same typography controls as the normal style.

Frontend example — pill menu style

pill — one rounded container around all menu items

Each menu item becomes its own button — backgrounds, borders, shadows, hover and active states, the whole deal. When you pick button, a Button Style dropdown appears below the radio. Choose which of your three reusable buttons (Button 1 / 2 / 3) should drive the look — these are configured in the Button Manager.

Frontend example — button menu style

button — each menu item becomes a styled button driven by your Button Manager preset

The active menu item (i.e. the one pointing at the current page) automatically uses the button's Active State styles, so you get the "you-are-here" highlight for free.

Mobile menus have the same three options under Customize → Mobile (Smartphone) → Mobile Menu, with a separate Button Style picker so phones can use a different Button preset than desktop.

Position and Arrangement

Right below Menu Style you'll find:

  • Menu Points Arrangement — horizontal (items in a row) or vertical (items stacked).
  • Position — six 9-point grid options: top/bottom × left/center/right. Pin the menu to any corner of the screen.
  • Space Bottom / Right / Between — outer and inner spacing for the menu.
  • is fixed — keep the menu glued to the same spot while the page scrolls.
  • move away when scrolling down / fade out when scrolling down — get the menu out of the way as the visitor reads.

Mobile Menu

Your desktop menu links automatically show up in the mobile menu. If you want a different menu on phones, create one and tick Mobile Menu as the display location under Appearance → Menus:

Mobile Menu display location checkbox

Tick "Mobile Menu" instead of "Primary Menu" as the display location

Style it under Customize → Mobile (Smartphone) → Mobile Menu — same three Menu Style options (normal / pill / button) as the desktop menu.