Pure.CSS Menus

Pure.CSS provides vertical menus by default. It is very easy to customize the menus in Pure.CSS because of minimal styling and use of low specificity.

Note: Use the following code to add Pure in your HTML page.

Syntax to create vertical menu

Vertical Menu (Bydefault)

Example

Output:

Create Horizontal Menu

You can change the above vertical menu to horizontal menu by adding the class name "pure-menu-horizontal"

Use the following link to add Pure to your HTML.

Example

Output:

Selected and Disabled Menu item

You can mark a menu item as selected using the class names "pure-menu-selected" and a menu item as disabled using the class names "pure-menu-disabled"

Example

Output: