Left slide menu CSS

From wiki.network-crawler.de
Jump to: navigation, search
#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 */
}
}