Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia galera,
estou fazendo um site todo responsivo e preciso colocar uma imagem no meio do header (telefone), mas não consigo fazer ela ficar responsiva, o site todo já está mas a imagem não, quando mudo para a versão do mobile a imagem atrapalha no Layout do site, vocês poderiam me ajudar a solucionar essa questão?
A imagem pode até desaparecer no mobile, ela não atrapalhando o layout já está ótimo!
Desde já agradeço.
>
Adicione ao CSS:
@media(max-width: 959px) {
.telefonemeio{
display: none!important;
visibility: hidden!important;
}
}
Obrigado Caio,aqui funcionou tudo certinho!
Mas agora que percebi, o css fica estranho em outras páginas, na home ele fica direitinho o telefone no meio mas em outra página o telefone fica desalinhado alguém sabe o porque?
A estrutura do html não está muito boa porque a tag desse telefone está dentro do conteúdo, sendo que ele deveria fazer parte da header.
Porém, neste caso você vai precisar adicionar o CSS
.telefonemeio{
margin-top: -275px!important;
}
Adicione ao CSS:
@media(max-width: 959px) {