Footer element does not descend using the class bootstrap when I open the menu in mobile mode

0

In mobile mode you have problems when I open the menu because it collides with the buttons to pass images of the carousel and also with the footer

CSS

.footer{position:absolute;bottom:0;width:100%;/*Setthefixedheightofthefooterhere*/height:auto;background-color:#0275d8;}

I'vealreadytriedusingz-index:-1;

<divclass="footer">
      <div class="container">
      <hr>
          <div id="aviso">  
            <div id= "posicaoaviso">
                <span id="fecharaviso" >&times;</span>
                <center><p><strong>Uso de cookies:</strong> Este site utiliza cookies para ajudar a disponibilizar os respetivos serviços e analisar o tráfego.<br>As informações sobre a sua utilização deste site são partilhadas com terceiros.<br>Ao utilizar este site, concorda que o mesmo utilize cookies.</p></center>
            </div>
        </div>
     </div>

Click here to view the site.

Either the problem is in the footer or the car is

    
asked by anonymous 18.08.2016 / 00:31

1 answer

1

Fixed this way

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 120px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 120px;
  background-color: #f5f5f5;
}
    
22.08.2016 / 03:16