CODEWITHSUNDEEP
cssmaterialize
greents
greents

Reputation: 25

Materialize CSS Sidebar

i am new on materialize css and iam stuck on creating side bar between navbar and footer. this is what i get when i use the sidebar enter image description here

this is what i would like to achieve enter image description here

thank you for your help

Upvotes: 0

Views: 602

Answers (1)

Castle
Castle

Reputation: 427

You have to add to the sidebar menu a top attribute with the same pixels as top navbar height (64px in that case).

And after that you may add a calculated height substracting 100% with the previously implemented top pixels (64px) + the footer height (50px), the result is 114px

.sidenav.sidenav-fixed{
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    position: fixed;
    top: 64px;
    height: calc(100% - 114px);
   
}

Upvotes: 1

Related Questions