Preventing sidenav from over-lapping NAVBAR and FOOTER

So using the following CSS in my theme:-

'.sidenav'                                                                                                                      = @{
    'background-color' = "#305768"
    'margin-top'       = "75px"
    'height'           = "80%"
}

'.sidenav a:hover'                                                                                                              = @{
    'background-color' = "#4b88a2"
    'color'            = "#f1f1f1"
}
'.sidenav li > a' = @{
    'color' = "rgba(172, 172, 172, 0.87)"
    'font-size' = "18px"
}

I am able to prevent the sidebar overlapping the NAVBAR and FOOTER


I hope this is useful to other people :smile:

4 Likes