      text-decoration: none;
  }
  
  /* custom navigation styles */
  .wrapper .navbar{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
 
</s> remove   position: absolute;
 </s> add   position: fixed; </s> remove     color: white;
    text-decoration: none;
 </s> add   color: white;
  text-decoration: none; </s> remove     position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
 </s> add   position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; </s> remove #footer{
    text-align: right;
 </s> add footer {
  position: absolute;
  bottom: 0;
  left: 0;
  clear: both;
  z-index: 10;
  height: 60px;
  width: 95%;
  margin: 0 2.5%;
.navbar {
      text-decoration: none;
  }
  
  /* custom navigation styles */
.navbar {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
keep keep keep keep replace keep keep keep keep keep
 Fixed the issue with the non-draggable horizontal scrollbar 
rest_framework/static/rest_framework/css/bootstrap-tweaks.css