Thursday, February 1, 2018

gentelella - how to hide sidebar (like it does in mobile mode)

My solution was edit custom.js and custom.css;
  • In custom.js edit the part $MENU_TOGGLE , only the part $BODY.toggleClass('nav-md nav-lg'); , change nav-sm to nav-lg;
  • In custom.css include code below:
    //move to left menu top and footer
    .nav-lg .top_nav {
    margin-left: 0px;
    }
    .nav-lg footer {
    margin-left: 0px;
    }
//hidden left menu
.nav-lg .left_col{
display: none;
}



/* how to hide sidebar (like it does in mobile mode) on 2018-02-01 by Eak*/
.nav-lg .top_nav {
    margin-left: 0px !important;
}

.nav-lg footer {
    margin-left: 0px !important;
}

.nav-lg .left_col {
    display: none !important;
}

.nav-lg .right_col {
    margin-left: 0px !important;
}

source : https://github.com/puikinsh/gentelella/issues/290

No comments:

Post a Comment