Home » Pure.CSS Menus

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:

PureCSS Menus 1


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:

PureCSS Menus 2


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:

PureCSS Menus 3

Next TopicPure.CSS Dropdown

You may also like