Left slide menu CSS
From wiki.network-crawler.de
#wrapper { padding-left: 250px; /* we use the padding to move the others out of the way */ transition: all 0.4s ease 0s; /* do this ^ smoothly */ } #sidebar-wrapper { margin-left: -250px; width: 250px; background: #000; /* position: fixed; fixed maybe for social media links ...*/ position: absolute; height: 100%; overflow-y: auto; z-index: 1000; transition: all 0.4s ease 0s; } #wrapper.active { padding-left: 250px; /* move content to the right again */ } #sidebar-wrapper.active { left: auto; /* resume default value */ } @media (max-width:767px) { #wrapper { padding-left: 0; /* move content to the left */ } #sidebar-wrapper { left: 0px; /* hide - display: none would be also ok */ } }