How to Instantly Make Your Menu Look Better

Want your menu to look better on your site?

There’s one trick that popular sites use to make their menus more attractive.

How to Improve Your Menu Design

To improve the readability and aesthetics of your menu, make every menu item one word long. This small adjustment to your menu items can immediately make your site look better.

For example, check out these screenshots from a few popular sites:

Apple

screenshot of Apple.com

The New York Times

screenshot of nytimes.com

WordPress

screenshot of wordpress.org

Each of them uses mostly, or entirely, one-word menu items.

With WordPress, updating the labels of your menu items is easy, so you can quickly replicate this on your site.

How to Change Your Menu Item Labels

You don’t have to rename the pages in order to change your menu item labels. You can change the labels separately from the Menus page.

To do this, first visit the Menus page (Appearance > Menus). Once there, you’ll need to create a custom menu if you don’t already have one.

Once you have a custom menu, you can click on the arrow on the right-side of any menu item to display more options.

the arrow for displaying menu item options

The first setting you’ll see is the Navigation Label. This is where you can enter the single word you want to use for the menu item.

the navigation label setting

The menu item will link to the same page, but now use the new label added. Repeat this for each of your menu items, and save the menu.

To show you the impact this can have, check out this before and after for the menu used above:

Before – long menu items

screenshot from before the menu items were shortened
Example using the beautiful Founder theme.

After – one-word menu items

screenshot after shortening the menu items

The updated menu is much cleaner and easier to read. This can make a big difference on sites with many menu items, especially if they don’t currently fit on the same line.

Conclusion

There are times to innovate, and there are times to stick to conventions. When creating your menu, it’s best to copy popular sites and use single-word menu items.

This change only takes a minute or two and will immediately improve the aesthetics of your site.

Related Posts

2 Comments
  1. Sheena Sheena

    I am so grateful to come across your site, providing your easy to follow how to instructions Thank you 🙂 Sheena from New Zealand.

  2. Thank you for Sharing, looks great!

Comments are closed.