Amadeu Antunes Amadeu Antunes - 3 months ago 9
CSS Question

Element footer dont down using the bootstrap class when I open the menu in mobile

In mobile mode is having problems when I open the menu because this collides with the buttons to move images of carousel and also with the footer

inserir a descrição da imagem aqui

CSS

.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: auto;
background-color: #0275d8;
}


já tentei usar z-index: -1;

<div class="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 see the website.

Or the problem is in foot or in menu or in carosel

Answer

Apply this css:

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

Source: Bootstrap example.

PS: Olá de Portugal :)

Comments