406

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

Test it Now

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

Test it Now

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

Test it Now

Output: