Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Slides em Mobile não se adapata

Boa tarde, tenho um banner com slides em videos e imagens, para celular os vídeos não aparecem, e as imagens mesmo com cover não estão redimensionando O site está nesse link: http://tipagos.tempsite.ws/site-pinbank/SitePinkube/index.html

Alguém saberia o que pode estar ocorrendo?

Obrigada!

@media (max-width:480px){

.bg_video { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 0; width: auto; height: auto; z-index: -1000; background-size: cover; top: 5% }

li#callbacks1_s0 { background: url(../images/331039157.jpg) no-repeat 0px 0px; height:250px; background-size:cover; }* li#callbacks1_s1 { background: url(../images/139728718.jpg) no-repeat 0px 0px; height:250px; background-size:cover; } li#callbacks1_s2 { background: url(../images/372855250.jpg) no-repeat 0px 0px; height:250px; background-size:cover; } li#callbacks1_s3 { background: url(../images/284518364.jpg) no-repeat 0px 0px; height:250px; background-size:cover; }

}

2 respostas
solução!

Boa tarde Marilia,

Na realidade as imagens e vídeos estão sendo redimensionadas sim. O problema é que o menu mobile está sobrepondo as imagens.

Faz um teste e insere o CSS abaixo para você ver a diferença:

@media (max-width:480px){
.banner-top{
margin-top: 21%;
}
}

Ahhh é verdade!! Nossa não pensei nisso!! hahah Obrigada Igor! Deu certo aqui! =D