html { position: relative; min-height: 100%; } .footer { position: absolute; bottom: 0; width: 100%; height: 40px; margin-bottom: 35px; } .sidebar { position: fixed; top: 0; bottom: 0; left: 0; z-index: 100; /* Behind the navbar */ padding: 0; box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); } .sidebar .nav-link { font-weight: 500; color: #333; } #v-bar a:hover { background-color: lightgrey; } #v-bar a { color: black; text-decoration: none; } #v-bar a.disabled { /* Make the disabled links grayish*/ color: lightgrey; /* And disable the pointer events */ pointer-events: none; } .sub-header { padding-bottom:10px; border-bottom:1px solid #eee }