title: How could I solve a problem I have with my sidebar?
body: <p>I have a web system that only when it becomes mobile has the function of moving 2 buttons down, I did it with css putting a padding-top: 10% in my body; creating a space so that my buttons cannot cover the description of my first table, the problem I have is that this affects my siderbar leaving a space of 10%, how could I make that hole not affect my siderbar. I attach my html code:
  and image like this: <a href="https://ibb.co/7VXK3p3" rel="nofollow noreferrer">https://ibb.co/7VXK3p3</a>
  I am using AdminLTE 3 template and bootstrap</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@media only screen and (max-width: 500px) {
  
      .container-fluid2 {
      position: relative;
      height: 20px;
      /*  background: red */
      }
  
      .row2{
      z-index:70;
      margin-bottom: 70px;
      position: fixed;
      top: 0;
      width: 100%;
      font-size: 20px;
      padding-top: 100px;
      /*  padding-top:70px; */
      /*  background-color: violet */
      }
  }
  
  @media only screen and (max-width: 500px){
  .body2{
      padding-top: 100px;
      }
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>/////////MAIN INDEX THEN I HAVE MY OTHER VIEW WHERE IS MY BUTTONS/////////
  
  &lt;link rel="stylesheet" href="../template/plugins/fontawesome-free/css/all.min.css"&gt;
    &lt;link rel="stylesheet" href="../template/style2.css"&gt;
  
    &lt;link rel="stylesheet" href="../template/plugins/fontawesome-free/css/all.min.css"&gt;
    &lt;link rel="stylesheet" href="../template/style2.css"&gt;
    &lt;!-- Theme style --&gt;
  &lt;body class="hold-transition sidebar-mini layout-navbar-fixed body2 sidebar2"&gt;
    &lt;!-- Navbar --&gt;
  
    &lt;!-- Main Sidebar Container --&gt;
    &lt;aside class="main-sidebar sidebar-dark-primary elevation-4" &gt;
      &lt;!-- Brand Logo --&gt;
      &lt;a href="index.php" class="brand-link elevation-4"&gt;
        &lt;img src="../template/dist/img/logowira.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8"&gt;
        &lt;span class="brand-text font-weight-light"&gt;Wirac&lt;/span&gt;
      &lt;/a&gt;
      &lt;!-- Sidebar --&gt;
      &lt;div class="sidebar" &gt;
        &lt;!-- Sidebar user panel (optional) --&gt;
        &lt;div class="user-panel mt-3 pb-3 mb-3 d-flex"&gt;
          &lt;div class="image"&gt;
            &lt;img src="../template/dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image"&gt;
          &lt;/div&gt;
          &lt;div class="info"&gt;
            &lt;a href="#" class="d-block"&gt;&lt;?php echo $_SESSION['S_USU']?&gt;&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
        &lt;!-- SidebarSearch Form --&gt;
        &lt;div class="form-inline"&gt;
          &lt;div class="input-group" data-widget="sidebar-search"&gt;
            &lt;input class="form-control form-control-sidebar" type="search" placeholder="Buscar" aria-label="Search"&gt;
            &lt;div class="input-group-append"&gt;
              &lt;button class="btn btn-sidebar"&gt;
                &lt;i class="fas fa-search fa-fw"&gt;&lt;/i&gt;
              &lt;/button&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  
  ///////CODE WHERE IS MY BUTTONS/////////////
    &lt;section class="content-header" &gt;
        &lt;div class="content"&gt;
      &lt;div class="container-fluid container-fluid2"&gt;
        &lt;div class="row row2 justify-content-around"&gt;
            &lt;div class="col-sm-4" id="aprobado"&gt;
              &lt;button type="button" id="btnconfir" class="btnapro btn btn-block btn-success btn-lg" onclick="Aceptar_Venta()"&gt;Aprobado&lt;/buttton&gt;
            &lt;/div&gt;
            &lt;div class="col-sm-4" id="rechazado"&gt;
              &lt;button type="button"  id="btnrech" class="btrecha btn btn-block btn-danger btn-lg" onclick="Rechazar_Venta()"&gt;Rechazado&lt;/button&gt;
            &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>