JezK
Edit File: simple-sidebar.css
/*! * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com) * Code licensed under the Apache License v2.0. * For details, see http://www.apache.org/licenses/LICENSE-2.0. */ /* Toggle Styles */ #wrapper { padding-left: 250px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; overflow: hidden; } #wrapper.toggled { padding-left: 50px; } .reorder{ display:none; } #sidebar-wrapper { z-index: 1000; position: fixed; left: 250px; width: 250px; height: 100%; margin-left: -250px; overflow-y: auto; background: #005298; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #wrapper.toggled #sidebar-wrapper { width: 50px; } #page-content-wrapper { width: 100%; position: absolute; padding: 15px; } #wrapper.toggled #page-content-wrapper { position: absolute; margin-right: -250px; } /* Sidebar Styles */ .sidebar-nav { position: relative; top: 0; width: 250px; margin: 0; padding: 0; list-style: none; } .sidebar-nav li { /*text-indent: 10px;*/ line-height: 40px; font-size: 17px; } .dashboardLogo { position: absolute; top:3%; left:25%; } .nav_logo { padding-right: 11px; width: 13%;} .sidebar-nav li a { display: block; text-decoration: none; color: white; padding-left: 15px; background: #005298; } .sidebar-nav li a:hover, a:active{ text-decoration: none; color: #fff; background: #2787D9; } .sidebar-nav li a:active, .sidebar-nav li a:focus { text-decoration: none; } .sidebar-brand { height: 135px; font-size: 18px; line-height: 60px; background-image:url('../images/bg.png'); /* background:none; */ background-position: center; background-repeat: no-repeat; background-color: whitesmoke; background-size: cover; text-align:center; } .sidebar-nav > .sidebar-brand a { color: #999999; } .sidebar-nav > .sidebar-brand a:hover { color: #fff; background: none; } @media(max-width:768px) { #wrapper { padding-left: 50px; overflow: hidden; } #wrapper.toggled { padding-left: 50px; } .reorder{ display:block; } .toggleaction{ display:none; } #toggleaction{ display:none; } #reorderaction{ display:none; } #sidebar-wrapper { width: 50px; } #wrapper.toggled #sidebar-wrapper { width: 0; } #page-content-wrapper { padding: 20px; position: relative; } #wrapper.toggled #page-content-wrapper { position: relative; margin-right: 0; } }