![](https://www.codehim.com/wp-content/uploads/2019/09/pure-css-vertical-menu-codehim.jpg)
Pure CSS Vertical Menu with Submenu Accordion Menu — CodeHim
Vertical Menu CSS driven vertical menu that has unlimited sub-menus; Sub-menus fly out to the right; Options for sub-menu alignment: middle (as demo1) or top (as demo2); Supported by IE 9+ and all other major browsers; Free to use and abuse. The source code below syncs with the choosen demo: Copy to clipboard Customize style CSS
![](https://i.pinimg.com/originals/73/39/ed/7339ed4bc4f5712d28212274ad8272f7.png)
Html Vertical Menu Bar Template
Pure CSS Vertical Menu Classes: pure-menu-heading: It is the class that is added for the headings inside or outside the menu list. By default, it capitalizes the text inside. pure-menu-list: It is the class for the unordered list that contains the menu items. The list items inside this list must have the class "pure-menu-item".
![](https://howtoimages.webucator.com/2748.png)
How to Create a Vertical Navigation Menu with CSS Webucator
110+ CSS Menu August 25, 2023 Welcome to our updated collection of CSS menus for August 2023. This collection includes 37 new items, all hand-picked and free to use. These HTML and CSS menu code examples have been sourced from CodePen, GitHub, and other resources, ensuring a diverse and high-quality selection.
![](https://i.pinimg.com/originals/65/6e/0c/656e0cc4934cdba472bfabcbc74c2672.png)
Vertical Menu Css Templates
How TO - Side Navigation Previous Next Learn how to create an animated, closable side navigation menu. Sidenav overlay Sidenav overlay without animation Sidenav push (off-canvas) Sidenav push w/opacity Sidenav full-width Try it Yourself » Create an Animated Side Navigation Step 1) Add HTML: Example