Imagem Responsiva

[Guernieri 1]

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.

 

Site: http://innoventseguros.on3w.info

 

 

[ignoredxyz 17]

Adicione ao CSS:

@media(max-width: 959px) {
    .telefonemeio{
        display: none!important;
        visibility: hidden!important;
    }
}

[Guernieri 1]

Adicione ao CSS:

@media(max-width: 959px) {
    .telefonemeio{
        display: none!important;
        visibility: hidden!important;
    }
}

 

Obrigado Caio,

 

aqui funcionou tudo certinho!

[Guernieri 1]

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?

[ignoredxyz 17]

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;
}

De modo que este css não apareça na home. Você pode fazer a verificação com PHP, ou a linguaguem que você esteja usando.