Which menu position and orientation is best for my website?

Visitors expect to find horizontal menus across the top of the website, and vertical menus down the left side. Putting your site menu bar in these standard places makes your website easier to use.

Horizontal site menu

This is the most popular and effective menu bar design because people are used to seeing the menu bar horizontal across the top of the page

Benefits of a top menu bar:

  • People are accustomed to reading left to right across a screen. So a horizontal menu bar will be more efficient for visitors to read.
  • A top menu bar conserves more vertical space.
  • Top navigations are easier to find because they are usually accompanied by the header and logo, both of which are visually dominant objects on the webpage.

Here are some of Website.com’s templates with a horizontal site menu:

website with horizontal menu bar 1

website with horizontal menu bar 2

website with horizontal menu bar 3

website with horizontal menu bar 4

website with horizontal menu bar 5

website with horizontal menu bar 6

Vertical site menu

This is another effective menu bar design for graphic-intensive websites, such as portfolio, restaurant, salon, spa, etc. The vertical menu bar design is also a great option if you have a lot of menu tabs to display, or if your menu bar titles are longer than usual.

Benefits of a left menu bar:

  • Visitors are more inclined to click on the next link to view a different page.
  • A vertical menu bar works very well for on a single page layout.
  • While a vertical menu takes up the left side of your webpage, you gain vertical space for your content.

Here are some of Website.com’s templates with a vertical site menu:

website with vertical menu bar 1

website with vertical menu bar 2

website with vertical menu bar 3

website with vertical menu bar 4

website with vertical menu bar 1

Customizing your site menu bar

Website.com allows you to change the look of your site menu bar, including button and text alignment and orientation, background color, font styles, etc. All these customizations are done right on your editor.

customizing website menu

website menu alignment

customizing website menu layout