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