pro-sidebar-template

Pro sidebar template Responsive layout with advanced sidebar menu built with SCSS and vanilla Javascript Demo See it live Screenshot Installation Usage Documentation Layout The layout for this template is based on css pro layout package, please refer to the docs for more information Sidebar Responsive navigation element for building vertical menu items Sidebar Image Adding background image requires adding .has-bg-image class to sidebar component, and the image needs to be inside .image-wrapper component Sidebar Layout Sidebar comes with layout support for better organization of the inner structure More on the sidebar here Menu Wrapper component that groups all menu items Open current submenu Use .open-current-submenu to enable opening only one submenu component at a time Icon shape A set of classes are provided to restyle menu icons .icon-shape-square .icon-shape-rounded .icon-shape-circle Menu Item Building menu item requires having .menu-item class in the wrapper and .menu-title for the text Menu Icon Use .menu-icon to add an icon to menu items Prefix & Suffix Menu item also supports having prefix and suffix components Sub Menu