Como ajustar Thumbnail no mobile?


(horaciomota93) #1

Tenho um projeto rodando com bootstrap e esta perfeito mas olhando na parte mobile, as imagens que ficam boas em tamanho normal, nao estao corretas no mobile, estou usando o “img-responsive” que esta fazendo as imagens no mobile ficarem com 150x150 mais ou menos, mas eu queria que ficassem com um Height maior, tentei usar o Background-cover mas nao funcionou no Thumbnail.

foto do site em resoluçao normal: https://ibb.co/ihEUYz
foto do site em mobile: https://ibb.co/cfMXmK (Eu queria que a thumbnail cobrisse toda a parte preta quando fosse pro mobile mas nao to conseguindo)

codigo:

<?php the_post_thumbnail('img-ultimas ', array ('class' => 'img-responsive'));?>

(Luan Maik) #2

Posta o trecho do código.
De momento eu só poderia sugerir colocar a imagem como background do elemento que está com fundo preto:

background-image: url(caminho_da_imagem)
background-size: cover;
background-position: center center;