Icons only in side bar

Dashboard
12

How to customize dashboard CSS 🖌 Customize dashboard CSS

To have only icons in side bar (and shrink the size down)

<style>
    md-list-item  p {
        display:none !important;
    }
    md-sidenav > md-list > md-list-item{
        width:88px !important;
    }
    @media (max-width: 660px){
            md-sidenav, md-sidenav.md-locked-open, md-sidenav.md-closed.md-locked-open-add-active {
            min-width: unset !important;
            width: auto !important;
            max-width: unset !important;
        }
    }
    @media (min-width: 661px){
        md-sidenav, md-sidenav.md-locked-open, md-sidenav.md-closed.md-locked-open-add-active {
            min-width: unset !important;
            width: auto;
            max-width: unset !important;
        }
    }
    md-list-item._md-button-wrap > div.md-button:first-child {
       padding: 0 16px;
    }
</style>
2 Likes