Navigation

Move Knack main navigation to the left

Here is a free code for improving Knack apps interface.

Click here to see it in action

SOLUNTECH TEST (Custom CRM).png
/*########Move Navigation to left - Sidebar#############################*/

html,body, .kn-content { 
  height: 100%; 
}
.kn-content {
  position: relative;
}
.kn-info{
  margin-left: 300px;
}
.kn-info .kn-current_user{
  padding-right: 12px;
}

@media screen and (min-width: 769px){
  #kn-app-header{
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 250px;
  }
  .kn-section .kn-container{
    margin-left: 300px;
  }
}
#app-menu-list li{
  width:100%;
}