<aside> <img src="/icons/question-mark_pink.svg" alt="/icons/question-mark_pink.svg" width="40px" /> A navigation bar/navbar/menu bar is a UI element that is used to help users quickly and easily navigate to the different areas of a site, and to give them a visual indication of where they are in the site's structure.
</aside>
Lists the major pages side-by-side and is placed in the website header.
These are ideal for content-rich sites. If you’d like to include a lot of links to pages in your navigation bar, you can’t list them all side-by-side. Instead, list the most important or general items in the top-level navigation bar and include the rest in a dropdown menu. Many online shopping sites will use this format.
The hamburger menu is 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. When visitors click on this three-line icon, a vertical drop-down or horizontal pop-out appears with the navigation links.
Items are stacked on top of each other and positioned in the sidebar. While less popular than horizontal navigation, vertical navigation does offer several benefits. With this option, you can write longer navigation links and include more top-level options.
