Sidebar does not cover footer

[ChrTall]

I use your Simple Sidebar which was easily configured and is pretty nice. Thanks a lot by the way. The only thing that I cannot get to work is placing the footer so that it gets covered by the sidebar. The same way to sidebar is covering the navbar and content for example. I placed the footer inside the #page-content-wrapper div. Maybe it is just a configuration issue. Any help would be appreciated.

[satpal123]

@ChrTall I had the same issue too. The way I fixed was to place the Footer outside the <div class="d-flex" id="wrapper"> and add bg-light to the footer class as mentioned below.

<div class="d-flex" id="wrapper">
<div id="page-content-wrapper">
    <header>
     .....
     </header>
     <div class="container-fluid">
           <main role="main" class="pb-3">
            @RenderBody()
           /main>
      </div>
</div>
</div>
<footer class="border-top footer text-muted bg-light">
     <div class="container-fluid">
      .......
     </div>
</footer>

Also comment out the margin-botton in the site.css (wwwroot > css > site.css)

body {
  /* Margin bottom by footer height */
  /*margin-bottom: 60px;*/
}