My Account

Anatomy of a Menu Types

How you structure your WEBSITE NAVIGATION

How you structure your website navigation depends on your target audience, and what format you think would be most intuitive and accessible to them.

Menu Types:

  • Horizontal Navigation Bar.
  • Dropdown Navigation Menu.
  • Hamburger Navigation Menu.
  • Vertical Sidebar Navigation Menu.
  • Footer menu.

Horizontal Navigation Bar

The horizontal navigation bar is the most common type of navigation menu. It lists the major pages side-by-side and is placed in the website header.

Back to top

Dropdown Navigation Menu

List the most important or general items in the top-level navigation bar and include the rest in a dropdown menu.

Back to top

Hamburger Navigation Menu

Most often seen in mobile web design. With this approach, the navigation items are often listed horizontally on larger screen sizes and collapse behind a hamburger button on smaller screen sizes.

Back to top

Vertical Sidebar Navigation Menu

The items are stacked on top of each other and positioned in the sidebar.

Back to top

Footer menu

It’s considered good practice to include links in the footer menu to the most important pages on the site.

Back to top