Vertical Navbar
vertical navbar1wht
This is vertical navbar1wht. It is aligned to the left and its 2nd and third tiers display to the right.
This isn't just a drop down menu. It also has a modal menu system that activates when the 3rd tier of links run out of viewing space.
The web page is constructed with beginner level Flexbox.
It contains numerous examples of using the Clamp Function for sizing text and line-height, demonstrates Nesting in CSS and the use of the float property in flexbox child containers.
Also includes: a Back Button and Top Button.
The Top Button and the Modal Menu Button are fixed to the viewport.
The style sheet is heavily commented to help with changing colors and plugging into a web page.
Grab the right side of the browser and squeeze the page to the left until it won't go any farther to activate the modal menu.
You can find these navbars already installed in our Flexbox Templates
If you're up to speed run it through the Web Developer's Emulator.
If you can use it download the kit.