Navigation Menus

A navigation menu is usually defined as a list with the HTML ul and li tags. The latest version of HTML added a "nav" tag and it should be used for menus (technically it's not different from a div tag though). Page Title and navigation menu are often wrapped inside the "header" tag.

Simple Top/Horizontal

See the Pen Menu: Simple Horizontal by Oliver Roeger (@uic-des) on CodePen.

Left Fixed

See the Pen Menu: Simple Left Fixed by Oliver Roeger (@uic-des) on CodePen.

Top, Hidden Mobile

See the Pen Menu: Hidden Mobile by Oliver Roeger (@uic-des) on CodePen.